/* Base styles */

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

  
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
html {
    background-color: #fff;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 10px;
    -webkit-tap-highlight-color: transparent

}

body {
    color: #4C5863;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: lighter;
    line-height: 1.5;
    margin: 0;
    padding-bottom: 50px;
    font-family: "Lato", Helvetica, Arial, sans-serif;
  }
  

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

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

figure > img {
  display: block;
}

a {
  color: #6AAAE4;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

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

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

[dir=rtl] table {
  text-align: right;
}

td,
th {
  border-color: #eee;
  border-style: solid;
  padding: 12px;
}

th {
  border-width: 1px 0;
  color: #bebebe;
  font-size: 11px;
  font-weight: normal;
  white-space: nowrap;
  text-align: inherit;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  font-weight: 400;
}

h1 {
  font-size: 20px;
}

input,
label {
  display: inline-block;
  vertical-align: middle;
}

label,
select {
  font-size: 12px;
}

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

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

input,
textarea,
select {
  border: 1px solid #ddd;
  border-radius: 2px;
}

input,
textarea {
  padding: 10px;
}

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

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

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

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border: 1px solid #999;
}

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

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 5px 10px;
  min-width: 141px;
  background: url("/hc/theming_assets/01HZM28SXRFCD1AXV2R9XBS75T") no-repeat #fff;
  background-size: 10px 5px;
  background-position: calc(100% - 10px) 50%;
}

select::-ms-expand {
  display: none;
}

[dir=rtl] select {
  background-position: 10px 50%;
}


/* Buttons */

button,
[role=button],
[type=button],
[type=submit] {
  border-radius: 4px;
  border: 1px solid #ddd;
  color: #6AAAE4;
  cursor: pointer;
  display: inline-block;
  padding: 5px 10px;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
}

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

input[type=submit] {
  background: #444;
  border-color: transparent;
  color: #fff;
  padding: 10px 30px;
}

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

  opacity: .4;
}*/

button img,
[role=button] img {
  border-radius: 4px;
  margin: 0 5px 0 0;
  height: 20px;
  position: relative;
  top: -1px;
  vertical-align: middle;
}

[dir=rtl] button img,
[dir=rtl] [role=button] img {
  margin: 0 0 0 5px;
}


/* Forms */

.form {
  max-width: 505px;
}

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

.form-field label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

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

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

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

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

.form-field input.partialcreditcardinputfield {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAQAAADYBBcfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ9JREFUOMvdktENwyAMBTNCR8gIGcGjMIo3YwQmOGUERnA/oLQUkZIoUqrYfyednwWepnOLGYeiOOY9ksc+2g/JLMRKM4zI8jvtpQUUJRR1OzUvGZFCJI/y23lpvlRUMu1n4tKSDU8Lu76oGIaO8otEFM+KYaz4r37zVm4+vdO3EgOClFvdIUp1buNipo+DYp+fv+rxx/njAwhDYpguqyfMVKQgdRaSPwAAAABJRU5ErkJggg==") no-repeat 10px 10px;
  background-size: 14px;
  padding-left: 28px;
}

[dir=rtl] .form-field input.partialcreditcardinputfield {
  padding-left: 0;
  padding-right: 28px;
  background-position: right 10px top 10px;
}

.form-field .nesty-input {
  height: 37px;
  line-height: 37px;
}

.form-field .nesty-input:focus {
  outline: none;
  border: 1px solid #999;
}

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

.searchbox {
  margin: 25px 0;
}

.searchbox-suggestions {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 10px 20px;
}

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

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

.form footer {
  border-top: 1px solid #eee;
  margin-top: 40px;
  padding-top: 30px;
  text-align: right;
}

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


/* Navigation menus */
.nav {
 padding-left: 270px;
}

/*.nav li, .nav-bordered li, .nav-spaced li {
  display: inline-block;
  font-weight: bold;
}*/

.nav li a,
.nav-bordered li a,
.nav-spaced li a {
  font-weight: normal;
}

.nav-bordered li + li {
  border-color: #eee;
  border-style: solid;
  border-width: 0 0 0 1px;
  margin: 0 0 0 30px;
  padding: 0 0 0 30px;
}

[dir=rtl] .nav-bordered li + li {
  border-width: 0 1px 0 0;
  margin: 0 30px 0 0;
  padding: 0 30px 0 0;
}

.nav-spaced li + li {
  margin: 0 0 0 40px;
}

[dir=rtl] .nav-spaced li + li {
  margin: 0 40px 0 0;
}




/* Search box */

.search-box,
.sub-nav .search {
  position: relative;
}

.search-box:before,
.sub-nav .search:before {
  content: "\1F50D";
  font-family: "entypo";
  font-size: 1.25em;
  line-height: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 2.5em;
  z-index: 1;
}

.search-box input,
.sub-nav .search input {
  line-height: 1.2em;
  font-weight: lighter;
  padding: .75em 2.7em;
  width: 100%;
  /*-webkit-appearance: none;*/
}

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


/* Breadcrumbs */

.breadcrumbs li {
  color: #bebebe;
  display: inline-block;
  font-size: 12px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumbs li + li:before {
  content: ">";
  margin: 0 4px;
}

.breadcrumbs li a {
  color: #4C5863;
}


/* Labels */

.label,
.request-status,
.post-overview-status > span,
.post-status > span {
  border-radius: 20px;
  display: inline-block;
  font-size: 10px;
  padding: 3px 10px;
  text-transform: uppercase;
  white-space: nowrap;
}


/* Metadata */

.meta,
.meta-group {
  color: #ccc;
  display: inline-block;
  font-size: 11px;
}

.meta-group * + *:before {
  content: "\2022";
  font-size: 8px;
  margin: 0 10px;
}


/* Helper classes */

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

.clearfix:after {
  clear: both;
}


/* Social share links */

.share {
  white-space: nowrap;
}

.share li,
.share a {
  display: inline-block;
}

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

.share a:before {
  background: #ccc;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-family: "entypo";
  text-align: center;
  width: 100%;
}

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

.share-twitter:before {
  content: "\F309";
}

.share-facebook:before {
  content: "\F30C";
}

.share-linkedin:before {
  content: "\F318";
}

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

/* Pagination */
.pagination {
  margin: 20px 0;
  text-align: center;
}

.pagination * {
  display: inline-block;
}

.pagination li {
  border: 1px solid #eee;
  float: left;
  margin-left: -1px;
}

[dir=rtl] .pagination li {
  float: right;
}

.pagination a,
.pagination span {
  color: inherit;
  font-size: 12px;
  padding: 5px 12px;
}

.pagination-current {
  background-color: #f9f9f9;
  color: #bebebe;
}

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

[dir=rtl] .pagination-first {
  border-radius: 0 3px 3px 0;
}

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

[dir=rtl] .pagination-last {
  border-radius: 3px 0 0 3px;
}


/* Content styles */

.content-body {
  word-wrap: break-word;
  line-height: 1.7;
}

.content-body img {
  max-width: 100%;
}

.content-body hr {
  background-color: #eee;
  border: 0;
  height: 1px;
}

.content-body ul,
.content-body ol {
  list-style-position: inside;
  padding: 0 15px;
}

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

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

.content-body ol ul,
.content-body ul ul {
  list-style-type: circle;
}

.content-body ol ol ul,
.content-body ol ul ul,
.content-body ul ol ul,
.content-body ul ul ul {
  list-style-type: square;
}

.content-body pre {
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.content-body blockquote {
  border-left: 1px solid #eee;
  color: #bebebe;
  font-style: italic;
  padding: 0 15px;
}

.vote {
  display: inline-block;
  text-align: center;
  width: 35px;
}

.vote a {
  outline: none;
  text-decoration: none;
}

.vote-sum {
  display: block;
  font-weight: bold;
  margin: 3px 0;
}

[dir=rtl] .vote-sum {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.vote-up:before,
.vote-down:before {
  border-radius: 50%;
  border: 1px solid #ddd;
  color: #4C5863;
  display: inline-block;
  font-family: "entypo";
  font-size: 15px;
  height: 18px;
  line-height: 18px;
  width: 18px;
}

.vote-up:hover:before,
.vote-down:hover:before {
  border-color: #bbb;
}

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

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

.vote-voted:before,
.vote-voted:hover:before {
  border-color: #4C5863;
}


/* Frame */

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


/* Columns */

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

.main-column {
  width: 620px;
}

.side-column {
  width: 270px;
  margin-left: 45px;
}

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


/* Header */

.header {
  background: #fff;
  border-bottom: 1px solid #5B6670;
}

.header-inner {
  display: table;
  height: 100px;
}

.logo,
.user-nav {
  display: table-cell;
  vertical-align: middle;
}

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

.user-nav {
  text-align: right;
  line-height: 2;
}

.user-nav > * {
  display: inline-block;
  margin: 0 0 0 25px;
}

[dir=rtl] .user-nav {
  text-align: left;
}

[dir=rtl] .user-nav > * {
  margin: 0 25px 0 0;
}


/* Home page */

.hero-unit {
  display: block;
  font-size: 22px;
  padding: 80px 60px;
}

body.community-enabled .knowledge-base,
body.community-enabled .community {
  display: inline-block;
  vertical-align: top;
}

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

.knowledge-base,
.community {
  display: inline-block;
  vertical-align: top;
}

.knowledge-base {
  width: 100%;
}

.community {
  background: #f9f9f9;
  border-radius: 5px;
  display: none;
  padding: 25px 20px;
  margin-top: 65px;
  margin-left: 45px;
  width: 270px;
}

[dir=rtl] .community {
  margin-left: 0;
  margin-right: 45px;
}

.community .recent-activity {
  padding: 0;
  width: auto;
}

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

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

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

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


/* Knowledge base trees */

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

.category h2 {
  border-bottom: 1px solid #eee;
  font-size: 16px;
  margin: 25px 0;
  padding-bottom: 18px;
}

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

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

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

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

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

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

.page-header {
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
  min-height: 50px;
  padding-bottom: 15px;
}

.page-header > * {
  display: table-cell;
  vertical-align: middle;
}

.page-header > *:first-child {
  width: 100%;
}

.page-header + p {
  color: #bebebe;
  margin: -15px 0 20px 0;
}

.page-header h1 {
  font-size: 20px;
}


/* Search */

.search-box .search:before,
.sub-nav .search .search:before {
  content: "\1F50D";
  font-family: "entypo";
  font-size: 1.25em;
  line-height: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 2.5em;
  z-index: 1;
}


/* Sub-nav */

.sub-nav {
  display: table;
  margin-bottom: 25px;
  padding: 25px 0;
  table-layout: fixed;
  width: 100%;
}

.sub-nav > * {
  display: table-cell;
}

.sub-nav .breadcrumbs {
  overflow: hidden;
  white-space: nowrap;
}

.sub-nav .search {
  width: 300px;
}


/* Article */

.article-header {
  margin-bottom: 25px;
}

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

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

.article-avatar {
  min-width: 55px;
}

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

.article-meta {
  width: 100%;
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.article-updated {
  display: block;
}

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

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

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

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

.article-footer {
  border-bottom: 1px solid #eee;
  margin-top: 15px;
  padding: 20px 0;
}

.article-footer .article-vote,
.article-footer .share {
  display: table-cell;
}

.article-vote {
  width: 100%;
}

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

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

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

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

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

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

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

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


/* Side column */

.side-column h3 {
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  margin: 0 0 20px;
}

.side-column ul {
  margin-bottom: 60px;
}

.side-column li {
  margin-bottom: 10px;
}

.side-column li a {
  font-size: 12px;
}

.visibility-internal-icon:before {
  content: "\1F512";
  display: inline-block;
  font-family: "entypo";
  text-align: center;
  width: 13px;
}

.article-promoted span,
.visibility-internal {
  cursor: default;
  position: relative;
}

.article-promoted span:before,
.article-promoted span:after,
.visibility-internal:before,
.visibility-internal:after {
  display: none;
  font-size: 13px;
  font-weight: normal;
  position: absolute;
}

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

.article-promoted span:after,
.visibility-internal:after {
  border-bottom: 5px solid #222;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  bottom: -5px;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -5px;
  width: 0;
}

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


/* Comments - Article, Request and Post pages */

.comment-list {
  margin-bottom: 25px;
}

.comment-list > * {
  border-bottom: 1px solid #eee;
  padding: 25px 0;
}

.comment-list > *:first-child {
  border-top: 1px solid #eee;
}

.comment-list-header {
  margin-bottom: 18px;
}

.comment-list-header > * {
  display: inline-block;
  margin: 0;
}

.comment-sorter {
  float: right;
}

.comment-sorter a {
  color: #999;
  text-decoration: none;
  padding-left: 20px;
}

[dir=rtl] .comment-sorter {
  float: left;
}

[dir=rtl] .comment-sorter a {
  padding-left: 0;
  padding-right: 20px;
}

.comment-sorter [aria-selected=true] {
  font-weight: bold;
  color: #333;
}

.comment,
.comment-form {
  display: table;
  table-layout: fixed;
  width: 100%;
  word-wrap: break-word;
}

.comment > *,
.comment-form > * {
  display: table-cell;
  vertical-align: top;
}

.comment-vote,
.comment-bookmark {
  text-align: center;
  width: 50px;
}

.comment-bookmark:before {
  color: #77a500;
  content: "\1F516";
  font-family: "entypo";
  font-size: 23px;
  line-height: 1.1;
}

.comment-avatar {
  position: relative;
  width: 85px;
}

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

.comment-avatar-agent:after {
  background-color: transparent;
  background-image: url("/hc/theming_assets/01HZM28VDF9Z7JK35TVTG0CKFA");
  background-image: url("/hc/theming_assets/01HZM28W5RX02XNYRSSVJF4VE3");
  background-repeat: no-repeat;
  background-size: 15px;
  content: " ";
  height: 15px;
  left: 55px;
  position: absolute;
  top: 55px;
  width: 15px;
}

[dir=rtl] .comment-avatar-agent:after {
  left: auto;
  right: 55px;
}

.comment-header {
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.comment-published,
.comment-pending,
.comment-official {
  border: 1px solid transparent;
  float: right;
  font-size: 11px;
  padding: 1px 5px;
}

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

.comment-published {
  color: #bebebe;
}

.comment-published:before {
  content: " ";
  display: inline-block;
  width: 5px;
}

.comment-pending,
.comment-official {
  border-color: currentcolor;
  border-radius: 2px;
}

.comment-pending {
  color: #eec100;
}

.comment-official {
  color: #77a500;
}

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

.comment-ccs + textarea,
.comment-attachments {
  margin-top: 10px;
}

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

[dir=rtl] .comment-form-controls {
  text-align: left;
}

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

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

.comment-screencasts,
.comment-mark-as-solved {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}

[dir=rtl] .comment-screencasts,
[dir=rtl] .comment-mark-as-solved {
  margin-left: 20px;
}

.comment-actions {
  float: right;
  color: #999;
}

[dir=rtl] .comment-actions {
  float: left;
}

.comment-actions .dropdown-toggle:before {
  content: "\2699";
  font-size: 11px;
  font-family: "entypo";
}

.attachment-list,
.screencast-list {
  font-size: 11px;
  margin-top: 25px;
}

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

[dir=rtl] .attachment-list span,
[dir=rtl] .screencast-list span {
  direction: rtl;
  unicode-bidi: bidi-override;
}

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

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

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

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

.my-activities-header {
  border-bottom: 1px solid #eee;
  margin-bottom: 25px;
  padding: 25px 0;
}

.my-activities-header .breadcrumbs li {
  color: #000;
  font-size: 20px;
  font-weight: normal;
}

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

.my-activities-nav {
  margin-bottom: 100px;
}

.my-activities-sub-nav {
  margin-bottom: 15px;
}

.request-table-toolbar {
  background: #f9f9f9;
  display: table;
  padding: 8px;
  width: 100%;
}

.request-table-filters {
  display: table-cell;
  text-align: right;
}

[dir=rtl] .request-table-filters {
  text-align: left;
}

.request-table-filters label:before {
  content: " ";
  width: 25px;
  display: inline-block;
}

.requests-search {
  border-radius: 20px;
  outline: none;
  padding: 6px 15px;
}

.organization-subscribe,
.organization-unsubscribe {
  margin-left: 15px;
  background: #444;
  color: #fff;
}

.request-id {
  color: #bebebe;
}

.request-details {
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 3px;
  font-size: 12px;
  margin: 0 0 30px;
  padding: 15px 20px;
}

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

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

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

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

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

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

.request-details .attachment-list li,
.request-details .request-collaborators li {
  list-style: none;
}

.request-status {
  color: #fff;
  border-radius: 3px;
}

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

.request-answered {
  background: #f5ca00;
}

.request-solved {
  background: #828282;
}

.request-details .request-collaborators {
  font-size: 0;
}

.request-details .request-collaborators li {
  font-size: 12px;
  border-radius: 2px;
  display: inline-block;
  padding: 5px 6px;
  background-color: #ececec;
  margin: 0 5px 5px 0;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}


/* Community */

.post-to-community a {
  padding-left: 20px;
  padding-right: 20px;
}

.post-to-community a:before {
  content: "\2b\00a0";
  position: relative;
  top: -1px;
}


/* Community topics page */

.topic-list li {
  display: inline-block;
  padding: 0 100px 30px 0;
  vertical-align: top;
  width: 49.5%;
}

.topic-list li h3,
.topic-list li p {
  margin: 0;
}

.topic-list li p {
  color: #bebebe;
}

.topic-list li .meta-group {
  margin-top: 5px;
}

[dir=rtl] .topic-list li {
  padding: 0 0 30px 100px;
}


/* Community topic page */

.topic-header {
  margin-bottom: 15px;
}

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

.topic-filters {
  width: 100%;
}

.topic-filters > * {
  display: inline-block;
  font-weight: bolder;
  margin-right: 20px;
}

[dir=rtl] .topic-filters > * {
  margin-right: 0;
  margin-left: 20px;
}

.post-overview {
  border-bottom: 1px solid #eee;
  padding: 16px 0;
}

.post-overview-info {
  display: inline-block;
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-overview-info a {
  font-size: 16px;
}

.post-overview-info .meta-group {
  display: block;
  margin-top: 5px;
}

.post-pinned .post-overview-info:before {
  content: "\2605";
  margin-right: 5px;
  color: #5B6670;
}

.post-overview-status {
  float: right;
  margin: 0 10px;
}

.post-overview-status > span {
  color: #fff;
}

[dir=rtl] .post-overview-status {
  float: left;
}

.post-overview-count {
  background: #f9f9f9;
  border-radius: 3px;
  color: #bebebe;
  float: right;
  font-size: 10px;
  margin-left: 10px;
  min-width: 90px;
  padding: 10px 15px;
  text-align: center;
  text-transform: uppercase;
}

.post-overview-count strong {
  color: #4C5863;
  display: block;
  font-size: 13px;
}

[dir=rtl] .post-overview-count strong {
  direction: ltr;
  unicode-bidi: bidi-override;
}

[dir=rtl] .post-overview-count {
  float: left;
  margin-left: 0;
  margin-right: 10px;
}


/* Community post page */

.post-actions .dropdown-toggle {
  font-size: 11px;
  font-weight: bold;
}

.post-actions .dropdown-toggle:before {
  content: "\2699\00a0\00a0";
  font: 11px bold;
  font-family: "entypo";
}

.post {
  display: table;
  margin-bottom: 50px;
  table-layout: fixed;
  width: 100%;
}

.post-vote,
.post-container {
  display: table-cell;
  vertical-align: top;
}

.post-vote {
  width: 45px;
  padding-top: 5px;
}

.post-header {
  margin-bottom: 25px;
}

.post-header h1 {
  margin: 0 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-info {
  display: table;
  width: 100%;
}

.post-info > * {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}

.post-avatar {
  min-width: 55px;
  position: relative;
}

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

.post-avatar-agent:after {
  background-color: transparent;
  background-image: url("/hc/theming_assets/01HZM28VDF9Z7JK35TVTG0CKFA");
  background-image: url("/hc/theming_assets/01HZM28W5RX02XNYRSSVJF4VE3");
  background-repeat: no-repeat;
  background-size: 14px;
  position: relative;
  display: block;
  width: 15px;
  height: 15px;
  left: 28px;
  top: -10.5px;
  content: " ";
}

[dir=rtl] .post-avatar-agent:after {
  left: auto;
  right: 28px;
}

.post-meta {
  width: 100%;
  max-width: 0;
}

.post-author {
  display: block;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-status > span {
  color: #fff;
  margin: 0 10px;
}

.post-planned {
  background-color: #3eaae5;
}

.post-not-planned {
  background-color: #b5b5b5;
}

.post-completed {
  background-color: #669600;
}

.post-answered {
  background-color: #669600;
}

.post-share {
  margin-top: 30px;
  text-align: right;
}

[dir=rtl] .post-share {
  text-align: left;
}


/* Community post page and topic page */

.topic-follow [role=button],
.post-follow [role=button] {
  border-radius: 3px;
  font-size: 12px;
  padding: 4px 10px;
}

.topic-follow [role=button]:after,
.post-follow [role=button]:after {
  content: attr(data-follower-count);
  color: #4C5863;
  display: inline-block;
  border-left: 1px solid #ddd;
  margin-left: 10px;
  padding-left: 10px;
}

[dir=rtl] .topic-follow [role=button]:after,
[dir=rtl] .post-follow [role=button]:after {
  border-left: 0;
  border-right: 1px solid #ddd;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

.topic-follow [role=button][aria-selected=true],
.post-follow [role=button][aria-selected=true] {
  background: #f9f9f9;
  color: #4C5863;
}

body.community-enabled .search-results-column {
  display: inline-block;
  vertical-align: top;
  width: 450px;
}

body.community-enabled .search-results-column + .search-results-column {
  margin-left: 35px;
}

[dir=rtl] body.community-enabled .search-results-column + .search-results-column {
  margin-left: 0;
  margin-right: 35px;
}

.search-results-subheading {
  padding-bottom: 10px;
  margin-bottom: 0;
}

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

.search-results-list {
  margin-bottom: 25px;
}

.search-results-list > * {
  border-bottom: 1px solid #eee;
  padding: 20px 0;
}

.search-results-list > *:first-child {
  border-top: 1px solid #eee;
}

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

.search-result-description,
.search-result-meta {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 16px;
}

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

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

[dir=ltr] .search-result-meta-time:before,
[dir=ltr] .search-result-meta-count:before {
  padding-right: 5px;
}

[dir=rtl] .search-result-meta-time:before,
[dir=rtl] .search-result-meta-count:before {
  padding-left: 5px;
}

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

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

[dir=ltr] .search-result-votes {
  margin-left: 5px;
}

[dir=ltr] .search-result-votes:before {
  margin-right: 3px;
}

[dir=rtl] .search-result-votes {
  margin-right: 5px;
}

[dir=rtl] .search-result-votes:before {
  margin-left: 3px;
}

.chat {
  background: #f6f6f6;
  border: 1px solid #e0e0e0;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  bottom: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  font-size: 13px;
  line-height: 35px;
  padding: 0 15px;
  position: fixed;
  right: 85px;
  -webkit-transition: bottom .5s ease-in, color .5s ease-in;
  -moz-transition: bottom .5s ease-in, color .5s ease-in;
  -ms-transition: bottom .5s ease-in, color .5s ease-in;
  -o-transition: bottom .5s ease-in, color .5s ease-in;
  transition: bottom .5s ease-in, color .5s ease-in;
}

.chat:before {
  content: "\E720";
  font-family: "entypo";
  font-size: 16px;
  margin-right: 10px;
  vertical-align: middle;
}

.chat:hover {
  text-decoration: none;
}

.chat-available {
  bottom: 0;
}

.chat-unavailable {
  color: #808080;
  cursor: default !important;
  bottom: -50px;
}

.error-page {
  margin: 0 auto;
  max-width: 500px;
  padding-top: 5%;
}

.error-page h1 {
  font-size: 52px;
  margin-bottom: 0;
}

.error-page h2 {
  font-size: 16px;
  margin-bottom: 5px;
}

.error-page > a {
  display: block;
  margin-top: 25px;
}

.recent-activity {
  background: #f9f9f9;
  border-radius: 5px;
  padding: 25px 20px;
  width: 270px;
}

.recent-activity-header {
  margin-top: 0;
  font-size: 15px;
}

.recent-activity-item ~ .recent-activity-item {
  margin-top: 15px;
}

.recent-activity-item-parent {
  color: #4C5863;
  font-size: 12px;
  text-decoration: none;
  display: block;
}

.recent-activity-item-parent:hover {
  text-decoration: underline;
}

.recent-activity-item-link {
  display: block;
  word-wrap: break-word;
}

.recent-activity-item-meta {
  font-size: 12px;
  color: #999;
}

.recent-activity-item-time {
  display: inline-block;
}

.recent-activity-item-comment {
  display: none;
}

.recent-activity-item-comment:before {
  display: inline-block;
  content: "\2022";
}

.recent-activity-item-comment span:before {
  font-family: "entypo";
  content: "\00a0\00a0\e718";
  display: inline-block;
  vertical-align: middle;
  padding-right: 3px;
}

[data-recent-activity-action="article_comment_added"] .recent-activity-item-comment,
[data-recent-activity-action="post_comment_added"] .recent-activity-item-comment,
[data-recent-activity-action="answer_added"] .recent-activity-item-comment {
  display: inline-block;
}

.recent-activity-controls,
.recent-activity-loader {
  padding-top: 20px;
  font-size: 12px;
}

.recent-activity-loader {
  display: inline-block;
  position: relative;
}

.recent-activity-loader:before {
  display: block;
  position: absolute;
  content: "\0020";
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f9f9f9 50%, rgba(255, 255, 255, 0) 100%);
  animation: recent-activity-loader .5s infinite;
  -webkit-animation: recent-activity-loader .5s infinite;
}

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

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

.escalation-badge,
a.escalation-badge {
  background-color: #95be22;
  border-color: #95be22;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  color: #eee;
  font-size: 11px;
  margin: 0 3px;
  padding: 1px 3px;
  text-decoration: none;
  vertical-align: baseline;
}


/*




header CSS




*/

header {
  font-family: Lato, Helvetica, Arial, sans-serif;
}

@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");
.circle {
  padding: 0px 0px;
  width: 49px;
  font-size: 18px;
  text-align: center;
  background: #fff;
  border-radius: 40px;
  border: solid 0px;
}

.social-icons {
  list-style-type: none;
  margin: 0 auto 30px;
  padding: 0;
  width: 250px;
  height: 100px;
}

#content ol,
#nav ul,
.B_crumbBox li,
.listreset,
article ul {
  list-style: none
}

#content ol li:before,
.notes-list li:before,
[class*=" icon-"]:before,
[class^=icon-]:before {
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-twitter-circled:before {
  content: "\e800"
}

.icon-linkedin-circled:before {
  content: "\e801"
}

#header .holder:after,
#nav:after,
.banner:after,
.header-holder:after,
.header-top:after,
.nav-opener:after,
.nav-opener:before {
  content: ""
}

.hidden {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px
}

#wrapper{
    line-height: 6.5;
}

#header,
#wrapper,
.header-holder,
.nav-opener {
  position: relative
}

#header {
  padding-top: 16px
}

#header .holder {
  width: 100%;
  padding-bottom: 18px
}

#header .holder:after {
  display: block;
  clear: both
}

.header-holder {
  width: 100%;
  overflow: hidden;
  -webkit-transition: max-height .2s ease;
  transition: max-height .2s ease;
  max-height: 0
}

.header-holder:after {
  clear: both;
  display: block
}

.logo {
  width: 130px;
  height: 36px;
  float: left;
  margin: 0 10px 0 0
}

.logo img {
  display: block;
  width: 100%
}

.nav-opener {
  float: right;
  width: 50px;
  margin: 0 -12px 0 0;
  height: 30px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px
}

.nav-opener span,
.nav-opener:after,
.nav-opener:before {
  background: #000;
  text-indent: 0;
  position: absolute;
  top: 50%;
  left: 25%;
  right: 25%;
  height: 4px;
  margin-top: -2px;
  -webkit-transition: all .2s linear;
  transition: all .2s linear
}

.nav-opener:after,
.nav-opener:before {
  top: 30%
}

.nav-opener:after {
  top: 70%
}

.nav-active .nav-opener span {
  opacity: 0
}

.nav-opener:hover {
  opacity: .9
}

.nav-active .nav-opener:after,
.nav-active .nav-opener:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  left: 15%;
  right: 15%
}

.nav-active .nav-opener:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.header-top {
  font-size: 14px;
  position: relative;
  padding-bottom: 10px;
  font-family: "Lato", Helvetica, Arial, sans-serif;
}

.header-top:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: #fff;
  border-radius: 2px
}

#nav a,
.header-top .nav a {
  display: block;
  border-radius: 4px
}

.header-top .nav a {
  padding: 4px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  font-size: 16px!important;
}

.header-top .nav .active a,
.header-top .nav a:focus,
.header-top .nav a:hover {
  opacity: .7
}

@media (min-width:992px) {
  .header-top .nav a {
    font-size: 14px
  }
}

.header-top .nav li {
  margin-bottom: 2px;
  list-style: none
}

.header-top .nav li:hover a {
  text-decoration: none;
  color: #fff;
  background: #fff;
}

.search-form {
  padding: 0;
  margin: 0
}

.search-form .form-control {
  color: #fff;
  background: #495058;
  border-color: #495058;
  font-size: 14px;
  width: 100%;
  text-align: center;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}

.search-form .form-control::-webkit-input-placeholder {
  color: #fff
}

.search-form .form-control::-moz-placeholder {
  opacity: 1;
  color: #fff
}

.search-form .form-control:-moz-placeholder {
  color: #fff
}

.search-form .form-control:-ms-input-placeholder {
  color: #fff
}

.search-form .form-control.placeholder {
  color: #fff
}

.search-form .form-control:focus {
  box-shadow: 0 0 0 #fff;
  background-color: #fff;
  color: #333;
  border-color: #5f6973
}

.search-form .form-control:focus::-webkit-input-placeholder {
  color: transparent!important
}

.search-form .form-control:focus:-moz-placeholder {
  color: #333!important
}

.search-form .form-control:focus::-moz-placeholder {
  color: #333!important
}

.search-form .form-control:focus:-ms-input-placeholder {
  color: #333!important
}

#nav {
  width: 100%
}

#nav:after {
  clear: both;
  display: block
}

#nav ul {
  padding: 8px 0 0;
  margin: 0;
  font-size: 16px
}

#nav a {
  color: #fff!important;
  padding: 4px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}

#nav li.active a,
#nav li:hover a {
  text-decoration: none;
  color: #fff!important;
  background-color: #01a7f1
}

#header .social-networks {
  font-size: 21px;
  line-height: 21px;
  margin: 40px 0px 0px 0px;
  display: inline-block;
  vertical-align: top;
  padding: 7px 0px 7px 0px;
}

#header .social-networks li {
  margin: 0;
  padding: 0;
}
/*
#header .social-networks a {
   width: 22px; 
   height: 24px; 
}

#header .social-networks i {
  font-size: 22px;
  line-height: 24px;
  width: 22px;
  height: 24px
}
*/
@media (max-width:992px) {
  .social-networks {
    display: none!important;
  }
}

@media (min-width: 1100px) {
  .widget .title {
    height: 140px
  }
  .header-top .nav,
  .header-top .nav li,
  .search-form {
    display: inline-block;
    vertical-align: top
  }
  #header {
    padding-top: 0
  }
  #header .holder {
    padding: 0
  }
  .header-holder {
    -webkit-transition: max-height .001s ease;
    transition: max-height .001s ease;
    max-height: 999px;
    overflow: visible
  }
  .header-holder .header-frame {
    -webkit-transition: -webkit-transform .001s ease;
    transition: transform .001s ease;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    padding: 0
  }
  .logo {
    width: 190px;
    height: 72px;
    position: absolute;
    bottom: 20px;
    z-index: 5;
    left: 14px
  }
  .nav-opener {
    display: none
  }
  .header-top {
    /* text-align: right; */
    padding-bottom: 0
  }
  .header-top:after {
    border-radius: 0;
    left: -9999px;
    right: -9999px;
    top: 0;
    height: auto;
    z-index: -1
  }
  .header-top .nav ul {
    margin: 0 14px 0 0
  }
  .header-top .nav a {
    color: #4C5863!important;
    display: inline-block;
    border-radius: 0;
    padding: 10px 0 9px;
    text-decoration: none
  }
  .header-top .nav li {
    margin: 0 0 0 30px
  }
  .header-top .nav li:hover a {
    opacity: .8
  }
  .search-form {
    border-radius: 0;
    margin: 0 0 0 -3px
  }
  .search-form .form-group {
    margin: 0
  }
  .search-form .form-control {
    width: 138px;
    height: 40px;
    padding: 9px 10px 10px
  }
  #nav {
    padding: 0 0 0 200px
  }
  #nav ul {
    float: right;
    padding: 0;
    font-size: 18px
  }
  #nav li {
    position: relative;
    float: left
  }
  #nav li:before {
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    background: #dfe1e3;
    position: absolute
  }
  #nav li:first-child:before {
    display: none
  }
  #nav a {
    padding: 27px 25px 28px;
    border-radius: 0
  }
  .banner {
    padding-top: 75px;
    font-size: 15px;
    padding-bottom: 70px;
    margin-bottom: 37px;
    background-color: #01a7f1
  }
  .banner .caption {
    text-align: left
  }
  .banner h1 {
    font-size: 42px;
    font-weight: 300;
    margin-bottom: 32px;
    text-transform: none!important
  }
  .banner footer {
    padding: 0 43px
  }
  .banner .btn-request {
    margin-bottom: 6px;
    min-width: 240px;
    font-weight: 700;
    color: #464f56
  }
  .blog-section .btn-default,
  .intro .btn1,
  .request-form .btn1 {
    min-width: 300px
  }
  .banner .btn-request:hover {
    color: #fff
  }
  .partners {
    margin-top: 2px;
    padding-bottom: 30px
  }
  .partners ul {
    margin: 0 -100px 23px
  }
  .partners ul li {
    margin: 0 21px
  }
  .intro {
    padding-bottom: 52px;
    overflow: hidden
  }
  .intro .btn1 {
    letter-spacing: 1px
  }
  .intro-list {
    width: 100%;
    font-size: 22px;
    margin-bottom: 66px
  }
  .intro-list li {
    width: 354px;
    height: 354px;
    margin: 0 -88px 0 -89px
  }
  .intro-list li:nth-child(2n) {
    margin-top: 180px
  }
  .overview-section {
    margin-top: 20px;
    padding-top: 59px;
    font-size: 16px;
    height: 465px
  }
  .overview-section .play {
    background: url(../img/video-bg.png) center center no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    width: 350px;
    height: 220px;
    margin-left: -175px
  }
  .overview-section .play:before {
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px
  }
  .overview-section .play:after {
    border-width: 22px 0 22px 36px;
    margin: -22px 0 0 -14px
  }
  .demo-section {
    margin-top: 19px;
    padding-top: 67px;
    padding-bottom: 70px
  }
  .demo-section h2 {
    font-size: 42px;
    font-weight: 400
  }
  .demo-section p {
    font-size: 16px
  }
  .demo-section .btn1 {
    font-size: 21px;
    line-height: 24px;
    min-width: 300px;
    padding-top: 16px;
    padding-bottom: 20px;
    border: none;
    border-radius: 4px;
    color: #464f56
  }
  .demo-section .btn1:hover {
    color: #fff
  }
  .blog-section {
    margin-bottom: 66px;
    font-size: 16px
  }
  .blog-section footer.row {
    padding-top: 2px
  }
  .blog-section h2 {
    font-size: 22px;
    line-height: 1.17;
    letter-spacing: 0;
    margin: 0 0 7px
  }
  .post {
    margin-bottom: 20px
  }
  .post .visual {
    max-width: 100%;
    margin: 5px 30px 35px 0
  }
  .program-section {
    margin: 30px auto 84px;
    background: 0 0
  }
  .program-section .holder {
    margin: 0;
    padding: 56px 35px 64px 0;
    line-height: 1.56
  }
  .program-section .frame {
    max-width: 555px
  }
  .program-section .btn-more {
    right: 35px;
    margin: -25px 0 0;
    width: 27px;
    height: 50px
  }
  .program-section .btn-more i {
    width: 27px;
    height: 50px;
    font-size: 50px;
    line-height: 50px
  }
  .program-section .btn-more i:before {
    margin: 0 0 0 -11px
  }
  .program-section h2 {
    margin: 0 0 17px;
    font-size: 32px
  }
  #content+header {
    padding-bottom: 18px
  }
  #content .heading {
    margin-bottom: 33px
  }
  .request-form {
    margin-bottom: 76px
  }
  .request-form label {
    padding: 11px 0
  }
  .request-form footer {
    padding-top: 81px
  }
  .request-form .btn1 {
    padding-top: 17px;
    padding-bottom: 19px;
    border-radius: 4px;
    line-height: 24px;
    font-size: 21px
  }
  .about-article {
    padding-top: 72px;
    margin-bottom: 59px;
    letter-spacing: 1px
  }
}


/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
figure {
  margin: 0
}

.img-thumbnail {
  background-color: #fff
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

a {
  color: #01A7F1;
  text-decoration: none
}

.list-inline>li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px
}

.container,
.container-fluid {
  margin-right: auto;
  margin-left: auto
}

.container,
.container-fluid {
  padding-left: 15px;
  padding-right: 15px
}

.pre-scrollable {
  overflow-y: scroll
}

.row {
  margin-left: -15px;
  margin-right: -15px
}

.col-lg-10,
.col-xs-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px
}

fieldset,
legend {
  padding: 0;
  border: 0
}

.form-control {
  width: 100%;
  height: 50px;
  padding: 6px 12px;
  background-color: #eff0f1;
  border: 1px solid #eff0f1;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

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

.container:after {
  clear: both
}


/* 
//////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
						FOOTER CSS
//////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
*/



footer {
  display: block;
  font-family: "Lato", Helvetica, Arial, sans-serif;
}

a {
  background-color: transparent
}

a:active,
a:hover {
  outline: 0
}

input
{
  color: inherit;
  font: inherit;
  margin: 0
}

#nav a {
  color: #000!important;
}

a {
  /*color: #01A7F1!important;*/
  text-decoration: none;
}

a:focus,
a:hover {
  color: #246b96;
  text-decoration: underline;
}

a:active,
a:hover {
  outline: 0;
}

.btn1,
.btn-info1.active,
.btn-info1:active,
.btn1.active,
.btn1:active,
.form-control {
  background-image: none
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.list-inline,
.list-unstyled {
  list-style: none;
  padding-left: 0
}

.text-center {
  text-align: center
}

.text-muted {
  color: #777
}

ul {
  margin-top: 0
}

ul {
  margin-bottom: 11.5px
}

.list-inline {
  margin-left: -5px
}

.list-inline>li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

address {
  margin-bottom: 23px;
  font-style: normal;
  line-height: 1.33
}

.container,
.container-fluid {
  margin-right: auto;
  margin-left: auto
}

.container,
.container-fluid {
  padding-left: 15px;
  padding-right: 15px
}

@media (min-width:768px) {
  .container {
    width: 750px
  }
}

@media (min-width:992px) {
  .container {
    width: 970px
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1500px!important;
  }
}

.row {
  margin-left: -15px;
  margin-right: -15px
}

.col-md-10,
.col-md-2,
.col-md-3,
.col-xs-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px
}

.col-xs-12 {
  float: left
}

.col-xs-12 {
  width: 100%
}

.col-xs-offset-0 {
  margin-left: 0
}

@media (min-width:992px) {
  .col-md-10 {
    float: left
  }
  .col-md-10 {
    width: 83.33333333%
  }
  .col-md-3 {
    width: 25%
  }
  .col-md-2 {
    width: 16.66666667%
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%
  }
}

fieldset,
legend {
  padding: 0;
  border: 0
}

fieldset {
  margin: 0;
  min-width: 0
}

legend {
  display: block;
  width: 100%;
  margin-bottom: 23px;
  font-size: 27px;
  line-height: inherit;
  color: #333;
  border-bottom: 1px solid #e5e5e5
}

.form-control,
output {
  display: block;
  color: #000;
  font-size: 18px;
  line-height: 1.33
}

.form-control {
  width: 100%;
  height: 50px;
  padding: 6px 12px;
  background-color: #eff0f1;
  border: 1px solid #eff0f1;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
  border-color: #01A7F1;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(55, 150, 207, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(55, 150, 207, .6)
}

.has-feedback .form-control {
  padding-right: 62.5px
}

.btn1 {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.btn-info1 {
  color: #fff;
  background-color: #575d64;
  border-color: #575d64;
}

.btn-info1.active,
.btn-info1.focus,
.btn-info1:active,
.btn-info1:focus,
.btn-info1:hover,
.open>.dropdown-toggle.btn-info1 {
  color: #fff;
  background-color: #3f4449;
  border-color: #3b3f43
}

.btn-info1 .badge {
  color: #575d64;
  background-color: #fff
}

.btn1 {
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  padding: 6px 30px;
}

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

.container:after,
.row:after {
  clear: both
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto
}

@media (max-width:767px) {
  .hidden-xs {
    display: none!important
  }
}

.hidden {
  display: none!important
}

#content ol li:before,
.notes-list li:before,
[class*=" icon-"]:before,
[class^=icon-]:before {
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-twitter-circled:before {
  content: "\e800"
}

.icon-linkedin-circled:before {
  content: "\e801"
}

.form-control {
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  border-radius: 0;
  box-shadow: 0 0 0 #fff
}

::-webkit-input-placeholder {
  color: #b4b4b4!important
}

/*.social-networks a {
  font: 0/0 a; 
  text-shadow: none;
  background-color: transparent; 
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  color: #fff;
  width: 30px; 
  height: 32px; 
  text-decoration: none!important
}

.social-networks a:hover {
  opacity: .8
}

.social-networks i {
  display: block;
  text-indent: 0;
  font-size: 29px;
  line-height: 30px;
  width: 30px;
  height: 32px
}

.social-networks i:before {
  margin-left: 0
}

.social-networks li {
  margin-bottom: 10px
}*/

.banner footer {
  overflow: hidden
}

.btn-info1 {
  text-transform: uppercase
}

#footer {
  background: #61686f;
  color: #fff;
  padding-bottom: 37px
}

#footer a,
#footer a:hover {
  color: #fff
}

.contact {
  position: relative
}

.contact address {
  margin-bottom: 16px
}

.contact .social-networks {
  position: absolute;
  top: 4px;
  right: 14px
}

.subscribe-form {
  padding-top: 17px;
  margin-bottom: 17px
}

.subscribe-form label {
  font-weight: 400;
  display: block;
  margin-bottom: 16px;
  font-size: 16px
}

.subscribe-form .form-control {
  color: #fff;
  text-align: center;
  background: #71777e;
  border-color: #71777e
}

.subscribe-form .form-control:focus {
  box-shadow: 0 0 0 #fff;
  border-color: #fff
}

.subscribe-form .form-control::-webkit-input-placeholder {
  color: #fff
}

.subscribe-form .form-control::-moz-placeholder {
  opacity: 1;
  color: #fff
}

.subscribe-form .form-control:-moz-placeholder {
  color: #fff
}

.subscribe-form .form-control:-ms-input-placeholder {
  color: #fff
}

.subscribe-form .form-control.placeholder {
  color: #fff
}

.subscribe-form .btn-info1 {
  border-radius: 0
}

@media (min-width:992px) {
  #footer {
    padding-bottom: 40px;
    line-height: 22px;
    font-size: 15px
  }
  .contact address {
    line-height: 1.47
  }
  .subscribe-form {
    padding-top: 54px;
    margin-bottom: 52px
  }
  .subscribe-form label {
    font-size: 22px;
    margin-bottom: 19px
  }
  .subscribe-form .form-control {
    font-weight: 300;
    text-align: left;
    font-size: 28px;
    line-height: 34px;
    height: 60px;
    padding: 11px 18px 15px;
    max-width: 53%;
    margin: 0 -1px 0 0;
    display: inline-block;
    vertical-align: top
  }
  .subscribe-form .btn-info1 {
    width: 180px;
    height: 60px;
    padding: 15px 18px;
    font-size: 22px;
    line-height: 24px
  }
}

@media (max-width:992px) {
  #header .social-networks
  {
    display: none!important;
  }
  .subscribe-form .form-control {
    margin: 0 0 3px;
    font-size: 14px;
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 18px;
    height: 40px
  }
  .subscribe-form .btn-info1 {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 11px;
    padding-top: 8px;
    height: 40px
  }
}

.cs-font {
  font-family: "Lato", Helvetica, Arial, sans-serif;
}

.line-separator {
  height: 1px;
  background: #D5D3D2;
  border-bottom: 1px solid #D5D3D2;
}

#content ol li:before,
.notes-list li:before,
[class*=" icon-"]:before,
[class^=icon-]:before {
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-twitter-circled:before {
  content: "\e800"
}

.icon-linkedin-circled:before {
  content: "\e801"
}

.social-networks i {
  display: block;
  text-indent: 0;
  font-size: 29px;
  line-height: 30px;
  width: 30px;
  height: 32px;
}

.social-networks i:before {
  margin-left: 0;
}

@font-face {
  font-family: compucal-features-icons;
  src: url(https://compucalsolutions.zendesk.com/hc/en-us/article_attachments/206587867/compucal-features-icons.eot?8efh9z);
  src: url(https://compucalsolutions.zendesk.com/hc/en-us/article_attachments/206587867/compucal-features-icons.eot?#iefix8efh9z) format("embedded-opentype"),url(https://compucalsolutions.zendesk.com/hc/en-us/article_attachments/206558898/compucal-features-icons.ttf?8efh9z) format("truetype"),url(https://compucalsolutions.zendesk.com/hc/en-us/article_attachments/206558908/compucal-features-icons.woff?8efh9z) format("woff"),url(https://compucalsolutions.zendesk.com/hc/en-us/article_attachments/206558888/compucal-features-icons.svg?8efh9z#compucal-features-icons) format("svg");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-fsamily: icons;
  src: url(https://compucalsolutions.zendesk.com/hc/en-us/article_attachments/206587907/icons.eot?83142649);
  src: url(https://compucalsolutions.zendesk.com/hc/en-us/article_attachments/206587907/icons.eot?83142649#iefix) format("embedded-opentype"),url(https://compucalsolutions.zendesk.com/hc/en-us/article_attachments/206587877/icons.woff?83142649) format("woff"),    url(https://compucalsolutions.zendesk.com/hc/en-us/article_attachments/206587897/icons.ttf?83142649) format("truetype"),url(https://compucalsolutions.zendesk.com/hc/en-us/article_attachments/206558918/icons.svg?83142649#icons) format("svg");
  font-weight: 400;
  font-style: normal
}

.nav-opener {
  float: right;
  width: 50px;
  margin: 0 -12px 0 0;
  height: 30px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px
}

.nav-opener span,
.nav-opener:after,
.nav-opener:before {
  background: #000;
  text-indent: 0;
  position: absolute;
  top: 50%;
  left: 25%;
  right: 25%;
  height: 4px;
  margin-top: -2px;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}

.nav-opener:after,
.nav-opener:before {
  top: 30%
}

.nav-opener:after {
  top: 70%
}

.nav-active .nav-opener span {
  opacity: 0
}

.nav-opener:hover {
  opacity: .9
}

.nav-active .nav-opener:after,
.nav-active .nav-opener:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  left: 15%;
  right: 15%
}

.nav-active .nav-opener:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

#header,
#wrapper,
.header-holder,
.nav-opener {
  position: relative;
}

.nav-opener:after,
.nav-opener:before {
  content: "";
}

.nav-active .header-holder {
  max-height: 999px;
}

.header-holder {
  padding-left: 260px;
}

#nav li.active a,
#nav li:hover a {
  text-decoration: none;
  color: #fff;
  background-color: #01a7f1
}

.thick {
  font-weight: normal;
}


/* 
//////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
						  PRINT CSS 
//////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
*/

@media print {
  .article-comments,
  .navbar-container,
  .sub-nav,
  aside,
  #navbar-container,
  #wrapper,
  footer,
  .article-info,
  .search,
  br {
    display: none!important;
  }
  .main-column {
    width: auto;
    overflow: visible!important;
    position: relative!important;
  }
  body {
    overflow-y: visible;
  }
  img {
    max-width: 500px;
  }
  *,
  :after,
  :before {
    background: 0 0!important;
    color: #000!important;
    box-shadow: none!important;
    text-shadow: none!important
  }
  h1 {
    font-size: 2.5em!important;
    /* 40px/16=2.5em */
  }
  h2 {
    font-size: 1.875em!important;
    /* 30px/16=1.875em */
  }
  p {
    font-size: 1.3em!important;
    /* 14px/16=0.875em */
  }
}


/*
//////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
				 ARTICLE FORMATTING
//////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
*/

.tooltip {
  display: none;
  position: absolute;
  border: 1px solid #599bcc;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 6px;
  color: #161616;
  font-size: 12px Arial;
  width: auto;
  min-width: 50px;
  max-width: 250px;
  text-align: justify;
}

.code {
  font-family: Consolas, "courier new";
  font-size: 16px;
  line-height: 1.4;
  width: auto;
  background-color: #fff;
  padding: 8px 12px;
  border-left: 4px solid #009688;
  word-wrap: break-word
}

.ast-custom-button {
  
    font-weight: 300;
    font-size: 15px;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 10%);
    border-style: solid;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
    border-color:  #6AAAE4;
    background-color:  #6AAAE4;

    line-height: 1;
}

.ast-button{
    margin-top: 20px!important;
}

.header-top .nav a.ast-custom-button {
    padding: 10px 10px;
    color: #fff!important;
    border-radius: 3px!important;
    transition: all .2s linear;
}
.header-top .nav a.ast-custom-button:hover{
    color: #fff!important;
    border-radius: 3px!important;
    border-color:  #5B6670;
    background-color:  #5B6670;
}


/* SOCIAL MEDI */
.fa {
    padding: 10px 0px 19px 0px!important;
    font-size: 10px!important;
    width: 30px!important;
    height: 30px!important;
    text-align: center!important;
    text-decoration: none;
    margin: 5px 2px!important;
    border-radius: 50%;
  }
  
  .fa:hover {
      opacity: 0.7;
  }
  
  .fa-facebook {
    background: #6AAAE4;
    color: white;
  }
  
  .fa-twitter {
    background: #6AAAE4;
    color: white;
  }
  
  .fa-google {
    background: #6AAAE4;
    color: white;
  }
  
  .fa-linkedin {
    background: #6AAAE4;
    color: white;
  }
  
  .fa-youtube {
    background: #6AAAE4;
    color: white;
  }
  
  .fa-instagram {
    background: #6AAAE4;
    color: white;
  }
  
  .fa-pinterest {
    background: #cb2027;
    color: white;
  }
  
  .fa-snapchat-ghost {
    background: #fffc00;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  }
  
  .fa-skype {
    background: #00aff0;
    color: white;
  }
  
  .fa-android {
    background: #a4c639;
    color: white;
  }
  
  .fa-dribbble {
    background: #ea4c89;
    color: white;
  }
  
  .fa-vimeo {
    background: #45bbff;
    color: white;
  }
  
  .fa-tumblr {
    background: #2c4762;
    color: white;
  }
  
  .fa-vine {
    background: #00b489;
    color: white;
  }
  
  .fa-foursquare {
    background: #45bbff;
    color: white;
  }
  
  .fa-stumbleupon {
    background: #eb4924;
    color: white;
  }
  
  .fa-flickr {
    background: #f40083;
    color: white;
  }
  
  .fa-yahoo {
    background: #430297;
    color: white;
  }
  
  .fa-soundcloud {
    background: #ff5500;
    color: white;
  }
  
  .fa-reddit {
    background: #ff5700;
    color: white;
  }
  
  .fa-rss {
    background: #ff6600;
    color: white;
  }
  /* SOCIAL MEDIA */