*, input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*, input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  background-color: #FFFFFF;
}

body {
  color: #555555;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 13px;
  font-weight: lighter;
  line-height: 1.5;
  margin: 0;
  padding-bottom: 50px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}

a {
  /*color: rgba(29, 54, 79, 1); */
  color: #555555;
  text-decoration: none;
  /*
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;*/
}

p a {
  text-decoration: none !important;
}

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

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

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

figure > img {
  display: block;
}

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

h1, h2, h3, h4, h5, h6 {
  color: #3095d8;
  font-family: inherit;
  font-weight: normal;
}

h2 a, h2 a:hover
{
   color: #438FC1;
   text-decoration: none;
   cursor: text;
}

.community h2
{
  margin-top: 40px !important;
}
.tblStart td
{
  border: none;
  text-align: center;
  vertical-align: top;
  font-size: 14px;
}

table.tblStart
{
  
  border-bottom: solid 1px #cccccc;
  margin-bottom: 50px;
}
.recent-articles h3 
{
 color: #697689;
font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
font-size: 20px;
font-weight: 400;
line-height: 40px;
}

.related-articles h3 {
 color: #697689;
font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
font-size: 20px;
font-weight: 400;
line-height: 50px;
}

.related-articles ul li {
  background: url("/hc/theming_assets/01HZM7AYEPX30WVFEN6K68DNDY") no-repeat 2px 6px transparent;;
  padding: 3px 0px 3px 20px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
}

.recent-articles, .trending-questions, .recent-activity{
margin-bottom: 50px;
}

.recent-articles:before, .trending-questions:before, .recent-activity:before {
    content: "";
  display: block;
 background:url("/hc/theming_assets/01HZM7B6MW4RD27B4VDM98N199") no-repeat;
  width: 54px;
  height: 60px;
  float: left;
  margin: 0 0 0 0;
  display: block;
}

.related-articles:before {
   content: "";
  display: block;
 background:url("/hc/theming_assets/01HZM7B4M9TFE9VTZYB8BW2VND") no-repeat;
  width: 44px;
  height: 44px;
  float: left;
  margin: 0 10px 0 0;
  display: block;
}


label {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
}

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

input, textarea {
  border: 1px solid #DDDDDD;
  border: 1px solid rgba(0, 0, 0, 0.13);
  padding: 10px;
}

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

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

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

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

button, [role=button], [type=button], [type=submit] {
  background: transparent;
  border-radius: 2px;
  border: 1px solid #DDDDDD;
  border: 1px solid rgba(0, 0, 0, 0.13);
  box-shadow: inset 0 -2px #f6f6f6;
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.03);
  color: #158EC2;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: lighter;
  height: 30px;
  line-height: 28px;
  padding: 0 10px;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
}

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

input[type=submit] {
  background: #444;
  border-color: transparent;
  box-shadow: inset 0 -2px #222;
  color: #FFF;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

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

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: 11px;
  font-weight: normal;
  white-space: nowrap;
}

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


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

.clearfix:after {
  clear: both;
}

.main-column {
  float: left;
  width: 620px;
}

.side-column {
  float: right;
  width: 270px;
}

.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-internal:before {
  content: "\1F512";
  font-family: "entypo";
  margin-right: 5px;
}

main, .header-inner, .footer-inner {
  margin: 0 auto;
  /*
  padding: 0 20px;
  max-width: 960px;
  */
  width: 100%;
  
}

main
{
  margin-bottom: 80px;
}

.footer
{
   color: #aaaaaa;
}
.footer hr
{

   border: none;
    height: 1px;
    /* Set the hr color */
    color: #333; /* old IE */
    background-color: #cccccc; /* Modern Browsers */
}
.header {
 
  background: url("/hc/theming_assets/01HZM7B6T9N3FSPT0R527JMD5Z");
  /*
  background-color: rgba(28, 152, 235, 1);
  border-color: #e6e6e6;
  border-style: solid;
  border-width: 0 0 1px;
  */
  height: 101px;
  /*
  position: absolute;
  */
}

.header a{
color: #ffffff;

}

.logo {
  float: left;
}

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

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

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

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

.user-info [role="button"] {
  background: #ffffff;
  background: linear-gradient(to bottom, white 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;
}

.user-info [role="button"]:hover {
  border-color: #AAA;
  box-shadow: inset 0 -1px #BBB;
}

.user-info [role="button"]:active {
  background: linear-gradient(to bottom, whitesmoke 0%, #d5d5d5 100%);
}

.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-small {
  position: relative;
}

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

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

.search {
  font-size: 22px;
  /*
  padding: 80px 60px;
  */
  position: relative;
}

.search:before {
  width: 60px;
}

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

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

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

.search-small {
  float: right;
}

.search-small:before {
  font-size: 16px;
  width: 35px;
}

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

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

body.community-enabled .knowledge-base {
  float: left;
  width: 620px;
}

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

.community {
  background: #F0F01D;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 5px;
  padding: 25px 20px;
  margin-top: 65px;
  margin-bottom: 30px;
}

.community2 {
  background: #F0F01D;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 5px;
  padding: 25px 20px;
  margin-top: 65px;
  margin-bottom: 30px;
}

.community2 td {
vertical-align: top;
width: 25%;
border: none;

}

.community h2, .community h3, .section h3 {
  font-size: 13px;
  font-weight: lighter;
  margin: 10px 0 15px;
  text-transform: uppercase;
}

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

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

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

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



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

.category h2 a, .section h3 a {
  color: inherit;
   font-size: 26px;
}

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

.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: 4px;
  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 {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 0;
  padding: 25px 0;
}

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

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

.breadcrumbs li {
  display: inline-block;
  white-space: nowrap;
}

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

.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: bold;
  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: 10px;
}

.article-sidebar {
  margin-top: 10px;
}

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

.article-sidebar h3.contact-title {
  border-bottom: 0;
  margin-bottom: 30px;
  padding-bottom: 15px;
}

ul.contact-sidebar li {
  margin-bottom: 30px;
  
}


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

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

.article-body {
  line-height: 1.7;
  font-size: 14px;
  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: 3px;
  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 ul > ul,
.article-body ol > ol {
  margin: 0 0 0 20px;
}

.article-body ul {
  list-style-type: disc;
  color: #7e89a3;
}

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

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

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

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

.article-footer .share {
  float: right;
}

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

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

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

.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 rgba(0, 0, 0, 0);
  border-bottom: 7px solid #CCC;
  border-left: 7px solid rgba(0, 0, 0, 0);
  margin-left: -6px;
}

.share-label + .share:after {
  top: -6px;
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid #FFF;
  border-left: 6px solid rgba(0, 0, 0, 0);
  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;
}

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

.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-actions {
  float: right;
}

.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/01HZM7B8YP3QPGW7J32CXS4B0M");
  background-image: url("/hc/theming_assets/01HZM7B943Q16V4RSSGDK252VK");
  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-delete {
  float: right;
  font-size: 11px;
}

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

.comment-delete {
  border-left: 1px solid #ECECEC;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  margin-left: 5px;
  padding-left: 5px;
}

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

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

.pagination ul {
  display: inline-block;
}

.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-header .breadcrumbs li:first-child,
.my-activities-header .breadcrumbs li:before {
  display: none;
}

.my-activities-header {
  font-size: 20px;
  font-weight: bold;
  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, .my-activities-sub-nav li {
  display: inline-block;
  margin-right: 30px;
}

.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 {
  padding: 15px 0;
  position: relative;
}

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

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

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

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

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

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

.request-follow-up {
  text-align: right;
}

.follow-up-hint {
  display: inline-block;
  float: right;
  font-size: 13px;
  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: 13px;
}

.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-status {
  color: #FFF;
  border-radius: 3px;
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  padding: 2px 5px;
}

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

.request-answered {
  background: #F5CA00;
}

.request-solved {
  background: #828282;
}

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: 13px;
  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);
}

.form {
  background: #f6f6f6;
  background: rgba(243, 246, 252, 0.7);
  border: 1px solid #ECECEC;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 3px;
  overflow: hidden;
  padding: 40px 55px;
}

.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 textarea, .form-field input {
  box-shadow: inset 0 1px #E3E3E3;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.11);
}

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

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

.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;
  overflow:auto !important;
  margin-bottom: 15px;
}

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

[data-loading="true"] input,
[data-loading="true"] textarea {
  background: transparent url("/hc/theming_assets/01HZM7B994J7J0YD7C8XR95M0N") 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-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 {
  float: left;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}

.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;
  padding-right: 30px;
}

.community-nav li + li {
  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;
}

.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;
  margin-right: 30px;
}

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

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

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

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

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

.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/01HZM7B8YP3QPGW7J32CXS4B0M");
  background-image: url("/hc/theming_assets/01HZM7B943Q16V4RSSGDK252VK");
  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 {
  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: 14px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px;
}

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

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

.related-questions h3 {
  font-size: 13px;
}

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

/*
.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: 24px;
  /* 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: 13px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
}

.vote-up {
  border-radius: 5px 5px 0 0;
  font-family: "entypo";
}

.vote-down {
  border-radius: 0 0 5px 5px;
  border-top: 0;
  font-family: "entypo";
}

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

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

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

.topic-edit, .question-edit, .answer-edit {
  margin-left: 25px;
}

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

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

.markdown {
  word-wrap: break-word;
}

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

.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 ul > ul,
.markdown ol > 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;
}

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

  



/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container-2 {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container-2 {
    width: 95%;
    padding: 0; }
}

.main-column {
  width: 95%;
}


/* For devices larger than 550px */
@media (min-width: 550px) {
  .container-2 {
    width: 95%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }
  
  .main-column {
  width: 95%;
}
  
  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  color: #697689; }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }


/* Larger than phablet 
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}
*/

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #3095d8;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;

}
a:hover {
  color: #006494;
  text-decoration: none;
}


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: none;}
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 100%; }
li {
  margin-bottom: 1rem; }
.menu ul li {
  display: inline-block;
  list-style: none;
  margin-left: 21px;
  color: #fff;
  font-size: 14px;
}

.menu ul li a {
  color: #fff;
}

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 0.4rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container-2:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {
.thumbnail p:first-child {
  color: #254057;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
 
  
.thumbnail:hover {
  index:1000;
  box-shadow:rgba(201, 211, 220, 1) 0 10px 14px;
  -webkit-box-shadow:rgba(201, 211, 220, 1) 0 10px 14px;
  -moz-box-shadow:rgba(201, 211, 220, 1) 0 10px 14px;
  text-decoration: none;  
    
}
  
.thumbnail:hover p:first-child {
  font-size: 16px;
  color: #3095d8;
    
}
  
  .thumbnail {
  /* Style for "Rectangle 396" */
  background-color: white;
  border: 1px solid #d9e3f0;
  border-radius: 4px;
  min-height: 320px;
  padding: 22px;
  margin-bottom: 40px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index:0;
  text-decoration: none;
  text-overflow: ellipsis;
}

.thumbnail:hover {
  index:1000;
  box-shadow:rgba(201, 211, 220, 1) 0 10px 14px;
  -webkit-box-shadow:rgba(201, 211, 220, 1) 0 10px 14px;
  -moz-box-shadow:rgba(201, 211, 220, 1) 0 10px 14px;
  text-decoration: none; 
    
}

  .module {
  padding: 80px 0;
  }
  
  .module-footer {
  padding: 80px 0 0 0;
  }


}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
  .thumbnail p:first-child {
  color: #254057;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
  
  

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}



body {
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.header-bg {
  background: url("/hc/theming_assets/01HZM7B6T9N3FSPT0R527JMD5Z");

}

.contact-bg {
  background-color: #f3f6fc;
  padding: 12px 0;
}

.knowledge-base-bg {
  background-color: #f2f4f8;
}
.headline {
  /* Text style for "Knowledge base" */
  color: #3095d8;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 48px;
  font-weight: 300;
  line-height: 60px;
}

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

p {
  /* Text style for "This is a "han" */
  color: #697689;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.search-title {
  /* Text style for "We are here to" */
  color: white;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 48px;
  font-weight: 300;
  line-height: 65px;
  text-align: center;
}

.search-note {
  /* Text style for "Get the most o" */
  color: white;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}

.contact-wrapper {
  text-align: left;
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.contact-title {
  /* Text style for "Email us" */
  color: #7e89a3;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  margin-left: 10px;
  display: inline;
  vertical-align: text-top;
}

.contact-title a {
  /* Text style for "Email us" */
  color: #7e89a3;
  text-decoration: none;
}

.contact-title a:hover {
  /* Text style for "Email us" */
  color: #7e89a3;
  text-decoration: underline;
}


.contact-note {
  /* Base text style */
  color: #7e89a3;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  line-height: 20px;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
  margin-left:10px;
}

.contact-icon {
  vertical-align: middle;
}

.module {
  padding: 80px 0px;
}
  
.module-footer {
  padding: 80px 0px 0px 0px;
}


.section-divider {
  width: 100%;
  border: 0;
  border-top: 1px solid #eee;
}

.section-title:before {
  /* Style for "Rectangle 357" */
  width: 325px;
  height: 1px;
  background-color: #d9e3f0;
  padding-bottom: 40px;
}

.section-title {
  /* Text style for "Announcements" */
  color: #3095d8;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 42px;
}

.section-image {
  margin: 0 auto;
  display: block;
}

.text-title {
  /* Text style for "Report with ar" */
  color: #697689;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  margin-bottom: 6px;
}

.text-title + ul li {
  margin-bottom: 0px;
  background: url("/hc/theming_assets/01HZM7AYEPX30WVFEN6K68DNDY") no-repeat 2px 6px transparent;;
  padding: 3px 0px 3px 20px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
}

.sidebar-title {
  /* Text style for "Recently viewe" */
  color: #697689;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.sidebar ul li {
  /* Text style for "Importing Cost" */
  color: #3095d8;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  /* ICON */
}

.category-title {
  /* Text style for "Starting usign" */
  color: #697689;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 27px;
}

.category li {
  /* Text style for "Importing Cost" */
  color: #3095d8;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  list-style-type: disc;
  margin-left: 20px;
  /* ICON */
}

.category li a {
  text-decoration: none;
}
.category li a:hover {
  text-decoration: underline;
}

.text ul li {
  /* Text style for "Importing Cost" */
  color: #3095d8;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}


.faq-title {
  /* Text style for "FAQ" */
  color: #7ed321;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 34px;
  font-weight: 300;
  line-height: 70px;
}


.faq-title:before {
  content: "";
  display: block;
  background: url("/hc/theming_assets/01HZM7B76GPNZ3EEGM5TJH079D") no-repeat;
  width: 54px;
  height: 60px;
  float: left;
  margin: 0 16px 0 0;
}


.faq-title + ul {
 list-style-type: none;
 padding:0;
 margin: 0;
}

  .troubleshoot-title {
  line-height: 40px;
}

.troubleshoot-title:before {
  content: "";
  display: block;
  background: url("/hc/theming_assets/01HZM7B845GM8TWV4DKEQ1FYCW") no-repeat;
  width: 58px;
  height: 51px;
  float: left;
  margin: 0 16px 0 0;
}
  
.howto-title {
  line-height: 40px;
}

.howto-title:before {
  content: "";
  display: block;
  background: url("/hc/theming_assets/01HZM7B47PF8YT3N3E6NAP729Z") no-repeat;
  width: 58px;
  height: 51px;
  float: left;
  margin: 0 16px 0 0;
}

.video-title {
  line-height: 50px;
}

.video-title:before {
  content: "";
  display: block;
  background: url("/hc/theming_assets/01HZM7B34S9VMTFQ8AXZ60YBFM") no-repeat;
  width: 35px;
  height: 50px;
  float: left;
  margin: 0 16px 0 0;
}



.step-title {
  /* Text style for "Register your" */
  color: #FFF;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 23px;

  /* Style for "Rectangle 295" */
  background-color: #163E59;
  border-radius: 8px;
  padding: 8px 0px 8px 14px;
  width: 100%;
}

.knowledge-base-title {
  /* Text style for "Start know Nmb" */
  color: #1C98EB;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 17px;
}

.knowledge-base-icon-view {
  vertical-align: middle;
}


.knowledge-base-categories {
    color: #7e89a3;
    font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 12px;
    list-style-type: none;
}

.knowledge-base-categories a {
    color: #7e89a3;
    text-decoration: none;
}

.knowledge-base-categories a:hover {
    text-decoration: none;
}

.thumbnail {
  /* Style for "Rectangle 396" */
  background-color: white;
  border: 1px solid #d9e3f0;
  border-radius: 4px;
  min-height: 320px;
  padding: 22px;
  margin-bottom: 40px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index:0;
  text-decoration: none;
  text-overflow: ellipsis;
}

.thumbnail:hover {
  index:1000;
  box-shadow:rgba(201, 211, 220, 1) 0 10px 14px;
  -webkit-box-shadow:rgba(201, 211, 220, 1) 0 10px 14px;
  -moz-box-shadow:rgba(201, 211, 220, 1) 0 10px 14px;
  text-decoration: none;   
    
}
  
.thumbnail p:first-child {
  color: #254057;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;

}
  
  
.thumbnail:hover p:first-child {
  font-size: 16px;
  color: #3095d8;
}
  
.zd_satisfaction div {
  /* Style for "Rectangle 396" */
  background-color: #fff !important;
  /* -webkit-box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.1); */
  -moz-box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.0) !important;
  /* box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.1); */
  border: 1px solid #d9e3f0 !important;
  border-radius: 4px;
  padding: 30px;
  width: 26% !important;
  margin-right: 23px !important;
  vertical-align: text-top;
  height: 170px;
  text-align: center;
  float: left;
}
  
.zd_rating_number {
  color: #7ed321;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 34px;
  font-weight: 600;
  line-height: 42px;
}
  
  .zd_rating_string {
  color: #3095d8;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
  

  


.section-tree > .section {
      /* Style for "Rectangle 396" */
  background-color: white;
  border: 1px solid #d9e3f0;
  border-radius: 4px;
  min-height: 320px;
  padding: 22px;
  margin-bottom: 40px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index:0;
  text-decoration: none;
  text-overflow: ellipsis;
  width: 100%;

  }

  .section h3 a {
  color: #3095d8;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  
  }

  
  .section ul li a {
  color: #7e89a3;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  }
  
  .section ul li a:hover {
  color: #13293D;
  }
  
  
  
  
  .section-thumbnail {
          /* Style for "Rectangle 396" */
  background-color: white;
  border: 1px solid #d9e3f0;
  border-radius: 4px;
  min-height: 320px;
  padding: 22px;
  margin-bottom: 40px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index:0;
  text-decoration: none;
  text-overflow: ellipsis;
  max-width: 680px;
  }
  
  .section-thumbnail ul li a {
  color: #7e89a3;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  }
  
  .section-thumbnail ul li a:hover {
  color: #13293D;
  }

.border-white-button {
  /* Style for "Rectangle 4" */
  border: 1px solid white;
  border-radius: 17px;
  padding: 7px 20px;
}

.green-button {
  /* Style for "Rectangle 2" */
  background-color: #7ed321;
  border-radius: 18px;
  /* Text style for "Know more" */
  color: white;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26.39px;
  padding: 4px 12px;
}


  background-color: #FFFFFF;
}

body {
  color: #555555;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 13px;
  font-weight: lighter;
  line-height: 1.5;
  margin: 0;
  padding-bottom: 50px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}

a {
  /*color: rgba(29, 54, 79, 1); */
  color: #555555;
  text-decoration: none;
  /*
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;*/
}

p a {
  text-decoration: none !important;
}

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

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

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

figure > img {
  display: block;
}

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

h1, h2, h3, h4, h5, h6 {
  color: #3095d8;
  font-family: inherit;
  font-weight: normal;
}

h2 a, h2 a:hover
{
   color: #438FC1;
   text-decoration: none;
   cursor: text;
}

.community h2
{
  margin-top: 40px !important;
}
.tblStart td
{
  border: none;
  text-align: center;
  vertical-align: top;
  font-size: 14px;
}

table.tblStart
{
  
  border-bottom: solid 1px #cccccc;
  margin-bottom: 50px;
}
.recent-articles h3 
{
 color: #697689;
font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
font-size: 20px;
font-weight: 400;
line-height: 40px;
}

.related-articles h3 {
 color: #697689;
font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
font-size: 20px;
font-weight: 400;
line-height: 50px;
}

.related-articles ul li {
  background: url("/hc/theming_assets/01HZM7AYEPX30WVFEN6K68DNDY") no-repeat 2px 6px transparent;;
  padding: 3px 0px 3px 20px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
}

.recent-articles, .trending-questions, .recent-activity{
margin-bottom: 50px;
}

.recent-articles:before, .trending-questions:before, .recent-activity:before {
    content: "";
  display: block;
 background:url("/hc/theming_assets/01HZM7B6MW4RD27B4VDM98N199") no-repeat;
  width: 54px;
  height: 60px;
  float: left;
  margin: 0 0 0 0;
  display: block;
}

.related-articles:before {
   content: "";
  display: block;
 background:url("/hc/theming_assets/01HZM7B4M9TFE9VTZYB8BW2VND") no-repeat;
  width: 44px;
  height: 44px;
  float: left;
  margin: 0 10px 0 0;
  display: block;
}


label {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
}

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

input, textarea {
  border: 1px solid #DDDDDD;
  border: 1px solid rgba(0, 0, 0, 0.13);
  padding: 10px;
}

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

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

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

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

button, [role=button], [type=button], [type=submit] {
  background: transparent;
  border-radius: 2px;
  border: 1px solid #DDDDDD;
  border: 1px solid rgba(0, 0, 0, 0.13);
  box-shadow: inset 0 -2px #f6f6f6;
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.03);
  color: #158EC2;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: lighter;
  height: 30px;
  line-height: 28px;
  padding: 0 10px;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
}

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

input[type=submit] {
  background: #444;
  border-color: transparent;
  box-shadow: inset 0 -2px #222;
  color: #FFF;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

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

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: 11px;
  font-weight: normal;
  white-space: nowrap;
}

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


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

.clearfix:after {
  clear: both;
}

.main-column {
  float: left;
  max-width: 620px;
}

.side-column {
  float: right;
  width: 270px;
}

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

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

.comment-sorter .dropdown-toggle:after {
  content: "\25BE";
}


.visibility-internal:before {
  content: "\1F512";
  font-family: "entypo";
  margin-right: 5px;
}

main, .header-inner, .footer-inner {
  margin: 0 auto;
  /*
  padding: 0 20px;
  max-width: 960px;
  */
  width: 100%;
  
}

main
{
  margin-bottom: 80px;
}

.footer
{
   color: #aaaaaa;
}
.footer hr
{

  width: 100%;
  border: 0;
  border-top: 1px solid #eee;
}
.header {
 
  background: url("/hc/theming_assets/01HZM7B6T9N3FSPT0R527JMD5Z");
  /*
  background-color: rgba(28, 152, 235, 1);
  border-color: #e6e6e6;
  border-style: solid;
  border-width: 0 0 1px;
  */
  height: 101px;
  /*
  position: absolute;
  */
}

.header a{
color: #ffffff;

}

.logo {
  float: left;
}

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

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

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

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

.user-info [role="button"] {
  background: #ffffff;
  background: linear-gradient(to bottom, white 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;
}

.user-info [role="button"]:hover {
  border-color: #AAA;
  box-shadow: inset 0 -1px #BBB;
}

.user-info [role="button"]:active {
  background: linear-gradient(to bottom, whitesmoke 0%, #d5d5d5 100%);
}

.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-small {
  position: relative;
}

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

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

.search {
  font-size: 22px;
  /*
  padding: 80px 60px;
  */
  position: relative;
}

.search:before {
  width: 60px;
}

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

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

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

.search-small {
  float: right;
}

.search-small:before {
  font-size: 16px;
  width: 35px;
}

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

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

body.community-enabled .knowledge-base {
  float: left;
  width: 620px;
}

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

.community {
  background: #F0F01D;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 5px;
  padding: 25px 20px;
  margin-top: 65px;
  margin-bottom: 30px;
}

.community2 {
  background: #F0F01D;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 5px;
  padding: 25px 20px;
  margin-top: 65px;
  margin-bottom: 30px;
}

.community2 td {
vertical-align: top;
width: 25%;
border: none;

}

.community h2, .community h3, .section h3 {
  font-size: 13px;
  font-weight: lighter;
  margin: 10px 0 15px;
  text-transform: capitalize;
}

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

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

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

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



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

.category h2 a, .section h3 a {
  color: inherit;
   font-size: 26px;
}

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

.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: 4px;
  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 {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 0;
  padding: 25px 0;
}

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

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

.breadcrumbs li {
  display: inline-block;
  white-space: nowrap;
}

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

.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: bold;
  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: 10px;
}

.article-sidebar {
  margin-top: 10px;
}

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

.article-sidebar h3.contact-title {
  border-bottom: 0;
  margin-bottom: 30px;
  padding-bottom: 15px;
}

ul.contact-sidebar li {
  margin-bottom: 30px;
  
}


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

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

.article-body {
  line-height: 1.7;
  font-size: 14px;
  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: 3px;
  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 ul > ul,
.article-body ol > ol {
  margin: 0 0 0 20px;
}

.article-body ul {
  list-style-type: disc;
  color: #7e89a3;
}

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

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

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

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

.article-footer .share {
  float: right;
}

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

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

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

.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 rgba(0, 0, 0, 0);
  border-bottom: 7px solid #CCC;
  border-left: 7px solid rgba(0, 0, 0, 0);
  margin-left: -6px;
}

.share-label + .share:after {
  top: -6px;
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid #FFF;
  border-left: 6px solid rgba(0, 0, 0, 0);
  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;
}

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

.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/01HZM7B8YP3QPGW7J32CXS4B0M");
  background-image: url("/hc/theming_assets/01HZM7B943Q16V4RSSGDK252VK");
  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-delete {
  float: right;
  font-size: 11px;
}

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

.comment-delete {
  border-left: 1px solid #ECECEC;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  margin-left: 5px;
  padding-left: 5px;
}

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

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

.pagination ul {
  display: inline-block;
}

.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-header .breadcrumbs li:first-child,
.my-activities-header .breadcrumbs li:before {
  display: none;
}

.my-activities-header {
  font-size: 20px;
  font-weight: bold;
  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, .my-activities-sub-nav li {
  display: inline-block;
  margin-right: 30px;
}

.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 {
  padding: 15px 0;
  position: relative;
}

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

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

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

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

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

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

.request-follow-up {
  text-align: right;
}

.follow-up-hint {
  display: inline-block;
  float: right;
  font-size: 13px;
  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: 13px;
}

.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-status {
  color: #FFF;
  border-radius: 3px;
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  padding: 2px 5px;
}

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

.request-answered {
  background: #F5CA00;
}

.request-solved {
  background: #828282;
}

body.community-enabled .search-results-column {
  float: left;
  width: 900px;
}

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: 13px;
  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);
}

.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: 40px 55px;
}

.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 textarea, .form-field input {
  box-shadow: inset 0 1px #E3E3E3;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.11);
}

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

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


.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/01HZM7B994J7J0YD7C8XR95M0N") 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-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 {
  float: left;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}

.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;
  padding-right: 30px;
}

.community-nav li + li {
  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;
}

.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;
  margin-right: 30px;
}

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

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

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

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

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

.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/01HZM7B8YP3QPGW7J32CXS4B0M");
  background-image: url("/hc/theming_assets/01HZM7B943Q16V4RSSGDK252VK");
  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 {
  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: 14px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px;
}

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

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

.related-questions h3 {
  font-size: 13px;
}

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

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

*/

.vote {
     display: inline;
}


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

.vote-sum {
  font-size: 15px;
  font-weight: bold;
  min-width: 24px;
  /* 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: 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;
}

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

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

.topic-edit, .question-edit, .answer-edit {
  margin-left: 25px;
}

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

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

.markdown {
  word-wrap: break-word;
}

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

.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 ul > ul,
.markdown ol > 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;
}

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

  



/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container-2 {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container-2 {
    width: 95%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container-2 {
    width: 95%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }
  
  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  color: #697689; }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }


/* Larger than phablet 
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}
*/

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #3095d8;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;

}
a:hover {
  color: #006494;
  text-decoration: none;
}


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: none;}
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 100%; }
li {
  margin-bottom: 1rem; }
.menu ul li {
  display: inline-block;
  list-style: none;
  margin-left: 21px;
  color: #fff;
  font-size: 14px;
}

.menu ul li a {
  color: #fff;
}

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 0.4rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container-2:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


.knowledge-base-bg {
  background-color: #f2f4f8;
}

/* Larger than mobile */

@media (min-width: 400px) {
  
  
  
.thumbnail p:first-child {
  color: #254057;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;

}

  
.thumbnail:hover {
  index:1000;
  box-shadow:rgba(201, 211, 220, 1) 0 10px 14px;
  -webkit-box-shadow:rgba(201, 211, 220, 1) 0 10px 14px;
  -moz-box-shadow:rgba(201, 211, 220, 1) 0 10px 14px;
  text-decoration: none;   
    
}
  
.thumbnail:hover p:first-child {
  font-size: 16px;
  color: #3095d8;
    
}

}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
  .thumbnail p:first-child {
  color: #254057;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;

}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}



body {
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.header-bg {
  background: url("/hc/theming_assets/01HZM7B6T9N3FSPT0R527JMD5Z");

}

.contact-bg {
  background-color: #f3f6fc;
  padding: 12px 0;
}

.knowledge-base-bg {
  background-color: #f2f4f8;
}
.headline {
  /* Text style for "Knowledge base" */
  color: #3095d8;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 48px;
  font-weight: 300;
  line-height: 60px;
}

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

p {
  /* Text style for "This is a "han" */
  color: #697689;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.search-title {
  /* Text style for "We are here to" */
  color: white;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 48px;
  font-weight: 300;
  line-height: 65px;
  text-align: center;
}

.search-note {
  /* Text style for "Get the most o" */
  color: white;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}

.contact-wrapper {
  text-align: left;
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.contact-title {
  /* Text style for "Email us" */
  color: #7e89a3;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  margin-left: 10px;
  display: inline;
  vertical-align: text-top;
}

.contact-title a {
  /* Text style for "Email us" */
  color: #7e89a3;
  text-decoration: none;
}

.contact-title a:hover {
  /* Text style for "Email us" */
  color: #7e89a3;
  text-decoration: underline;
}


.contact-note {
  /* Base text style */
  color: #7e89a3;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  line-height: 20px;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
  margin-left:10px;
}

.contact-icon {
  vertical-align: middle;
}

.module {
  padding: 80px 0px;
}

.section-divider {
  width: 100%;
  border: 0;
  border-top: 1px solid #eee;
}

.section-title:before {
  /* Style for "Rectangle 357" */
  width: 325px;
  height: 1px;
  background-color: #d9e3f0;
  padding-bottom: 40px;
}

.section-title {
  /* Text style for "Announcements" */
  color: #3095d8;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 42px;
}

.section-image {
  margin: 0 auto;
  display: block;
}

.text-title {
  /* Text style for "Report with ar" */
  color: #697689;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  margin-bottom: 6px;
}

.text-title + ul li {
  margin-bottom: 0px;
  background: url("/hc/theming_assets/01HZM7AYEPX30WVFEN6K68DNDY") no-repeat 2px 6px transparent;;
  padding: 3px 0px 3px 20px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
}

.sidebar-title {
  /* Text style for "Recently viewe" */
  color: #697689;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.sidebar ul li {
  /* Text style for "Importing Cost" */
  color: #3095d8;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  /* ICON */
}

.category-title {
  /* Text style for "Starting usign" */
  color: #697689;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 27px;
}

.category li {
  /* Text style for "Importing Cost" */
  color: #3095d8;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  list-style-type: disc;
  margin-left: 20px;
  /* ICON */
}

.category li a {
  text-decoration: none;
}
.category li a:hover {
  text-decoration: underline;
}

.text ul li {
  /* Text style for "Importing Cost" */
  color: #3095d8;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}


.faq-title {
  /* Text style for "FAQ" */
  color: #7ed321;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 34px;
  font-weight: 300;
  line-height: 70px;
}


.faq-title:before {
  content: "";
  display: block;
  background: url("/hc/theming_assets/01HZM7B76GPNZ3EEGM5TJH079D") no-repeat;
  width: 54px;
  height: 60px;
  float: left;
  margin: 0 16px 0 0;
}


.faq-title + ul {
 list-style-type: none;
 padding:0;
 margin: 0;
}


.faq-title + ul > li > a {
/* Text style for "Report with ar" */
  color: #7ed321;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
}

.faq-title + ul > li > a:before {
content: "";
  display: block;
  background: url("/hc/theming_assets/01HZM7B76GPNZ3EEGM5TJH079D") no-repeat;
  width: 20px;
  height: 20px;
  float: left;
  margin: 2px 6px 0 0;
  
}

.howto-title {
  line-height: 40px;
}

.howto-title:before {
  content: "";
  display: block;
  background: url("/hc/theming_assets/01HZM7B47PF8YT3N3E6NAP729Z") no-repeat;
  width: 58px;
  height: 51px;
  float: left;
  margin: 0 16px 0 0;
}

.video-title {
  line-height: 50px;
}

.video-title:before {
  content: "";
  display: block;
  background: url("/hc/theming_assets/01HZM7B34S9VMTFQ8AXZ60YBFM") no-repeat;
  width: 35px;
  height: 50px;
  float: left;
  margin: 0 16px 0 0;
}

.step-title {
  /* Text style for "Register your" */
  color: #007ACA;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 23px;

  /* Style for "Rectangle 295" */
  background-color: #E9F5FD;
  border-radius: 8px;
  padding: 8px 0px 8px 14px;
  width: 100%;
}

  #knowledge-base .thumbnail {
    /* Style for "Rectangle 396" */
  background-color: white;
  border: 1px solid #d9e3f0;
  border-radius: 4px;
  min-height: 320px;
  padding: 22px;
  margin-bottom: 40px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index:0;
  text-decoration: none;
  text-overflow: ellipsis;
}

#knowledge-base .thumbnail:hover {
  background-color: white;
  border-radius: 4px;
  /*min-height: 320px;*/
  padding: 22px;
  margin-bottom: 40px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index:0;
  text-decoration: none;
  text-overflow: ellipsis;
}
  
  
#knowledge-base-footer .thumbnail {
    /* Style for "Rectangle 396" */
  background-color: white;
  border: 1px solid #d9e3f0;
  border-radius: 4px;
  min-height: 115px;
  padding: 22px;
  margin-bottom: 40px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index:0;
  text-decoration: none;
  text-overflow: ellipsis;
}

#knowledge-base-footer .thumbnail:hover {
  background-color: white;
  border-radius: 4px;
  min-height: 115px;
  padding: 22px;
  margin-bottom: 40px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index:0;
  text-decoration: none;
  text-overflow: ellipsis;
}

.knowledge-base-title {
  /* Text style for "Start know Nmb" */
  color: #3095d8;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 17px;
}

.knowledge-base-icon-view {
  vertical-align: middle;
}


.knowledge-base-categories {
    color: #7e89a3;
    font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    list-style-type: none;
}

.knowledge-base-categories a {
    color: #7e89a3;
    text-decoration: none;
}

.knowledge-base-categories a:hover {
    text-decoration: none;
}

.thumbnail {
  background-color: white;
  border: 1px solid #d9e3f0;
  border-radius: 4px;
  min-height: 320px;
  padding: 22px;
  margin-bottom: 40px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index:0;
  text-decoration: none;
  text-overflow: ellipsis;
}

.thumbnail:hover {
 index:1000;
  box-shadow:rgba(201, 211, 220, 1) 0 10px 14px;
  -webkit-box-shadow:rgba(201, 211, 220, 1) 0 10px 14px;
  -moz-box-shadow:rgba(201, 211, 220, 1) 0 10px 14px;
  text-decoration: none;   
    
}
  
.thumbnail p:first-child {
  color: #254057;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;

}
  
  
.thumbnail:hover p:first-child {
 font-size: 16px;
  color: #3095d8;
    
}
  
.zd_satisfaction div {
  /* Style for "Rectangle 396" */
  background-color: #fff !important;
  /* -webkit-box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.1); */
  -moz-box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.0) !important;
  /* box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.1); */
  border: 1px solid #d9e3f0 !important;
  border-radius: 4px;
  padding: 30px;
  width: 26% !important;
  margin-right: 23px !important;
  vertical-align: text-top;
  height: 170px;
  text-align: center;
  float: left;
  
}
  
.zd_rating_number {
  color: #7ed321;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 34px !important;
  font-weight: 200 !important;
  line-height: 42px;
}
  
  .zd_rating_string {
  color: #3095d8;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
  

  


.section-tree > .section {
      /* Style for "Rectangle 396" */
  background-color: white;
  border: 1px solid #d9e3f0;
  border-radius: 4px;
  min-height: 320px;
  padding: 22px;
  margin-bottom: 40px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index:0;
  text-decoration: none;
  text-overflow: ellipsis;
  width: 100%;

  }

  .section h3 a {
    color: #3095d8;
  font-size: 24px;
  font-weight: 300;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  }

  .section-thumbnail {
          /* Style for "Rectangle 396" */
  background-color: white;
  border: 1px solid #d9e3f0;
  border-radius: 4px;
  min-height: 320px;
  padding: 22px;
  margin-bottom: 40px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index:0;
  text-decoration: none;
  text-overflow: ellipsis;
  max-width: 680px;
  }
  
  .section-thumbnail ul li a {
  color: #7e89a3;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  }
  
  .section-thumbnail ul li a:hover {
  color: #13293D;
  }

.border-white-button {
  /* Style for "Rectangle 4" */
  border: 1px solid white;
  border-radius: 17px;
  padding: 7px 20px;
}

.green-button {
  background-color: #7ed321;
  border-radius: 18px;
  color: white;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 26.39px;
  padding: 5px 16px;
  width: 100%;
}

  table.costs_table td
  {
   padding: 0px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    text-align: right;
   
  }
  
    table.costs_table td:first-child
  {
    text-align: left;
  }
  
   table.costs_table p
  {
     font-size: 12px;
    margin: 0px;
  }
  
  table.error_table th
  {
   background-color: #ddd;
    color: #666;
    font-size: 12px;
      padding: 4px;
white-space: normal;
     vertical-align: top;
    border-top: none;
    font-weight: bold;
  }
  
    table.error_table td
  {
  padding: 4px;
    font-size: 12px;
    vertical-align: top;
  }
  
   table.error_table
  {
   margin-bottom: 40px; 
  }
  
      table.error_table th:first-child
  {
    width: 120px;
  }
  
    
  table.compressed_table th
  {
   background-color: #EAEAEA;
    color: #666;
    font-size: 12px;
      padding: 4px;
white-space: normal;
     vertical-align: top;
    border-top: none;
   
  }
  
    table.compressed_table td
  {
  padding: 4px;
    font-size: 12px;
    vertical-align: top;
  }
  
   table.compressed_table
  {
   margin-bottom: 40px; 
  }
  
  .article-updates
  {
   height: 50px; 
    margin-top: 80px;
  }
  
  h4.section_articles a
  {
        color: #697689;
    font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
  }
  
    h4.section_articles a:hover
  {
    color: #333;
  }
  
  
.section_articles_box_intro
{
  margin-bottom: 50px;
  background-color: #f2f4f8;
  padding: 20px;
  padding-top: 40px;
  
}
  
 .section_articles_box_intro h3.troubleshoot-title2,
 .section_articles_box_intro h3.video-title2,
  .section_articles_box_intro h3.faq-title2,
   .section_articles_box_intro h3.howto-title2,
  .section_articles_box_intro h3.elearning-title2
  {
    margin-left: 0px;
    margin-bottom: 10px;
     height: 40px;
    font-size: 18px;
    
  }
  
  .section_articles_box_intro .troubleshoot-title2:before,
  .section_articles_box_intro .video-title2:before,
  .section_articles_box_intro .faq-title2:before,
   .section_articles_box_intro  .howto-title2:before,
  .section_articles_box_intro .elearning-title2:before
  {
   content: "";
  display: block;
  background: url("/hc/theming_assets/01HZM7B8C26GC7EYK09JQMV5EM") no-repeat;
     background-size:  30px;
   background-position: 0px 10px; 
  width: 40px;
  height: 35px;
  float: left;
  }
  
  .section_articles_box_intro .troubleshoot-title2:before {
  background: url("/hc/theming_assets/01HZM7B8C26GC7EYK09JQMV5EM") no-repeat;
       background-size:  30px;
   background-position: 0px 0px; 
}
  
 .section_articles_box_intro  .video-title2:before {
 
  background: url("/hc/theming_assets/01HZM7B8800Z0NW6DQCQJDP0MC") no-repeat;
     background-size:  20px;
   background-position: 4px 0px; 
   
}
 
  .section_articles_box_intro  .elearning-title2:before {
 
  background: url("/hc/theming_assets/01HZM7B8800Z0NW6DQCQJDP0MC") no-repeat;
     background-size:  20px;
   background-position: 4px 0px; 
   
}
  
 .section_articles_box_intro  .faq-title2:before {
  
  background: url("/hc/theming_assets/01HZM7B8NPVCXWD80K6200YXS0") no-repeat;
     background-size:  26px;
   background-position: 0px 0px; 
     
}
 
 .section_articles_box_intro  .howto-title2:before {
 
  background: url("/hc/theming_assets/01HZM7B8GM65XZ74WJRPP5QX1A") no-repeat;
     background-size:  30px;
   background-position: 0px 0px; 
  
  
}
  
.section_articles_box
{
  margin-bottom: 50px;
  background-color: #f2f4f8;
  padding: 20px;
}
  
a.section_articles_more
{
 
  color: #697689;
  text-decoration: underline;
}
  
.article-header {
  border: none !important;
  margin-bottom: 10px;
}
  
.sub-nav-far {
  margin-bottom: 20px;
  padding-bottom: 0px;
}

.article-updates
{
  border-top: 1px solid rgb(230, 230, 230);
  padding-top: 20px;
}
  
  .breadcrumbs.v2 a,  .breadcrumbs.v2
  {
     color: #697689;
       font-size: 16px;
  }
  
  .breadcrumbs li + li::before {
    color:  #697689;
    content: ">";
}
  
 .article-metadata
  {
   padding-left: 0px; 
  }
  
  .section-tree > .section
  {
    min-height: 0;
   /* border: none;
    border-top: 1px solid #d9e3f0; */
      
  }
  
  a.knowledge-link:hover,   a.knowledge-title:hover
  {
   color:  #3095d8;
  }
  
  a.knowledge-title
  {
    color: #444;
  }
  
  .knowledge-base-categories a {
    color: #7e89a3;
    text-decoration: none;
    /* font-weight: normal; */
    font-size: 14px;
  }
  
  #knowledge-base .thumbnail {
    min-height: 284px;
  }
  
.knowledge-base-categories
  {
   margin-bottom: 5px; 
  }
  #magnifyingglass .search 
  {
    margin-top: -43px;
    margin-bottom: -60px;
    padding: 84px 0px;
	}
  #subnav
  {
    border-bottom: 0px !important
  }
  
/* Ticketforms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  
  .form {
    background: #f3f6fc;
  }
  
  .form-field p {
    font-size: 15px;
    color: #697689;
  }
  
  .form-field label {
    font-size: 12px;
  }
  
  .nesty-input {
    border-radius: 4px;
    height: 38px;
    padding: 3px 15px 0 10px;
  }
  
  .nesty-panel {
    border-radius: 4px;
  }
  
  .form-field.text {
     padding-bottom: 20px;
  }
  
  .form-field.request_subject{
     padding-bottom: 20px;
  }
  .request_custom_fields_114101783951 p{
    font-size: 12px;
  }
  form ul li a{
    font-size:14px !important;
  }
  .ExtraInfo, .FinalInfo{
    font-size: 14px !important;
    padding-left: 12px;
    padding-top: 12px ; 
  }
  .request_custom_fields_114101659592 p{
    font-size: 12px;
  }
  
  /* Style the button that is used to open and close the collapsible content */
.collapsible {
  /*background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;*/
}
  
.collapsible:after {
    content: '\002B';
    color: #3095d8;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.collapsible.active:after {
    content: "\2212";
}


/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  /* background-color: #ccc; */
  cursor: pointer;
}

/* Style the collapsible content. Note: hidden by default */
.content_collapsible {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}
  /* ====================================================
   Accordion CSS
   ==================================================== */
.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
          transition: height 0.35s ease;
}


.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.panel-title > a {
  color: inherit;
}

.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-group .panel {
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 4px;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #dddddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}

.panel-default {
  border-color: #dddddd;
}

.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #dddddd;
}

.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dddddd;
}
.panel-primary {
  border-color: #428bca;
}

.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca;
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-warning {
  border-color: #fbeed5;
}

.panel-warning > .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #fbeed5;
}

.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #fbeed5;
}

.panel-danger {
  border-color: #eed3d7;
}

.panel-danger > .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #eed3d7;
}

.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #eed3d7;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}
  iframe.goog-te-menu-frame.skiptranslate {

 margin-top: 2px;

 width: 175px;

 border-radius: 5px;

 box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

 animation: bounce .6s ease-out;

}

.goog-te-gadget-simple {

 background-color: transparent !important;

 white-space: nowrap !important;

 border-color: white !important;

 border-radius: 4px !important;

 font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important;;

 font-size: 14px !important;

}

.goog-te-menu-value {

 color: rgba(28, 152, 235, 1) !important;

 text-decoration: none !important;

 float: right;

 vertical-align:middle!important;

}

.goog-te-menu-value span {

 color: rgba(28, 152, 235, 1) !important;

 text-decoration: none !important;

}

.goog-te-menu-value:hover {

 color: rgba(28, 152, 235, 1) !important;

 text-decoration: none !important;

}

.goog-te-banner-frame {

display: none !important;

}

/* add the following (remove it from the comments) if you want to customize the icon of the widget.

/*.goog-te-gadget-icon {

 background: url("url for the icon") 0 0 no-repeat !important;

}*/
  
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: "entypo";  /* essential for enabling glyphicon */
    content: '\e763';    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: '\e760';    /* adjust as needed, taken from bootstrap.css */
}

  
.accordion {
  background-color: #1C98EB;
  color: #fff;
  cursor: pointer;
  padding-top: 8px;
  padding-right: 0px;
  padding-bottom: 8px;
  padding-left: 14px;
  width: 100%;
  border: none;
  border-radius: 10px;
  text-align: left;
  outline: none;
  font-family: "Source Sans Pro", Helvetica, Arial, sans serif;
  font-size: 10px;
  transition: 0.4s;
  margin-bottom: 10px;
}

.accordion p {
  display: inline;
  color: #fff;
  font-size: 18px;
}

.active, .accordion:hover {
  background-color: #76c1f3;
}

.accordion:after {
  content: '\002B';
  background-color: #1C98EB;
  color: #fff;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  padding-right: 10px; 
}

.active:after {
  content: "\2212";
  background-color: #1C98EB;
}
  
.active, .accordion:after {
  background-color: #1C98EB;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
} 
  
.info {
  background-color: #e7f3fe;
  border-left: 6px solid #2196F3;
}