/*
  Template Name: Makem Liva
  Version: v3.0.5
  Author: Allies Interactive
  Website: http://www.diziana.com/
  Corporate Website : http://www.diziana.com
  Contact: support@diziana.com
  Follow: https://twitter.com/dizianaEngage
  Like: https://www.facebook.com/diziana.engage
  Purchase: Diziana.com
  License: You must have a valid license purchased only from
  diziana.com in order to legally use the theme for your project.
  Copyright: © 2017 Allies Interactive Services Pvt. Ltd. All Rights Reserved
*/

@charset "utf-8";
html {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  background-color: #FFFFFF !important;
  color: rgba(16, 2, 44, 1) !important;
  /*font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif !important;*/
  font-family: 'Open Sans',sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
}

img, iframe {
  max-width: 100%;
}

body a, body a:hover {
  outline: 0;
  color: rgba(124, 82, 255, 1);
}

body a:hover, body a:focus {
  outline: 0;
  -webkit-transition: 100ms all ease-in-out 0s;
  transition: 100ms all ease-in-out 0s;
}

body a:active, body .btn-default:focus, body .btn-default:active {
  outline: 0;
  text-decoration: none;
}

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

body .bg-scroll {
  background-attachment: scroll;
}

body .no-left-padding {
  padding-left: 0px;
}

body .no-right-padding {
  padding-right: 0px;
}

.head-wrapper {
  background-color: rgba(241, 242, 246, 1);
  padding: 10px 0;
}

.left-side-category-list li a.active a.see-all-articles, .wrapper-column .left-col>ul>li>a:hover {
  background-color: rgba(124, 82, 255, 1);
}

.main-index {
  min-height: 700px;
}

footer.footer {
  background-color: rgba(16, 2, 44, 1);
}

.top-btns>span {
  font-size: 1em;
  margin-right: 10px;
}

.top-btns>.login-btn, .top-btns .user-info .dropdown-toggle {
  padding: 5px 7px;
  outline: 0;
}

#user #user-name {
  display: none;
}

@media(min-width:400px) {
  #user #user-name {
    display: inline;
    max-width: none;
    text-overflow: inherit;
  }
}

.language-selector {
  display: inline-block;
  padding: 11px 10px 11px 10px;
  border-radius: 3px;
  margin: 2px 0;
  margin-right: 5px;
}

.language-selector a, .language-selector a:hover, .language-selector a:hover {
  color: rgba(16, 2, 44, 1);
}

.top-btns .user-info #user-dropdown {
  left: inherit;
}

.top-btns .user-info .dropdown-toggle img {
  border-radius: 100%;
  width: 32px;
}

.top-btns .submit-a-request, .top-btns .login {
  margin-right: 5px;
  outline: 0;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
  color: rgba(16, 2, 44, 1);
}

.header {
  min-height: 77px;
}

header .logo {
  display: inline-block;
  text-align: left;
  top: 0.5em;
  padding: 0 10px 0 0;
}

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

@media(min-width:992px) {
  header .logo {
    top: 1.5em;
  }
}

.navbar-toggle {
  right: 10px;
}

header .navbar-nav {
  margin: 0px;
}

@media(min-width:768px) {
  header .navbar-collapse {
    padding: 0;
  }
  header .navbar-nav {
    float: right;
    margin: 7.5px -15px;
  }
}

nav.user-nav {
  display: inline;
  float: right;
  padding: 20px 0;
}

nav.user-nav>a {
  color: rgba(16, 2, 44, 1);
  font-size: 1em;
  padding: 0 10px;
}

nav>.main-menu {
  padding: 0;
}

nav.user-nav>a.active {
  font-weight: 600;
}

nav.primary-menu {
  padding-left: 5px;
}

nav.user-nav>a.active, nav.user-nav>a:hover {
  color: #000;
}

.main-menu>nav>ul>li>a:hover, .main-menu>nav>ul>li>a:focus {
  background-color: transparent;
	color: #8cb841;
}

.main-menu>nav>ul>li>a.active {
  color: #000;
  font-weight: 600;
}

.main-menu>nav>ul>li>a {
  color: rgba(16, 2, 44, 1);
  font-size: 15px;
  font-weight: 300;
}

.primary-menu .navigation-button, .menu .navigation-button {
  display: inline-block;
  height: 21px;
  width: 35px;
}

.main-menu a.btn:hover {
  background-color: #333;
}

.main-menu .primary-menu {
  padding-left: 0;
}

footer.footer {
  display: block;
  padding: 25px 0 0;
  vertical-align: middle;
  margin-top: 20px;
}

footer>.footer-inner {
  padding: 0px 0;
}

footer>.footer-inner>.social-share>ul>li {
  display: inline-block;
  margin-bottom: 4px;
}

footer>.footer-inner>.social-share>ul>li>a {
  display: inline-block;
  height: 30px;
  width: 30px;
  font-size: 1.3em;
  color: #FFFFFF;
  line-height: 30px;
  text-align: center;
}

footer>.footer-inner>.important-links>ul {
  display: inline-block;
}

footer>.footer-inner>.important-links>ul>li {
  display: inline;
}

footer>.footer-inner>.important-links>ul>li>a {
  color: #FFFFFF;
  font-size: 0.85em;
  font-weight: 400;
  padding: 0 10px;
}

.copyright-section p {
  color: #FFFFFF;
  font-size: 0.85em;
  font-weight: 400;
  text-align: center;
}

@media(min-width:768px) {
  div.important-links {
    float: right;
  }
}

.copyright-section p a {
  color: #FFFFFF;
}

.search-container {
  /*padding: 80px 0;*/
  padding: 0;
  text-align: center;
  background-color: #263040;
  color: white;
}

.search-container form {
  margin: 0 auto;
  margin-top: 15%;
  max-width: 700px;
  position: relative;
  width: 100%;
}

.search-container form>input[type="search"] {
  border: 10px solid rgba(16, 2, 44, 1);
  border-radius: 60px;
  color: rgba(16, 2, 44, 1);
  font-size: 1.4em;
  font-weight: 300;
  height: 80px;
  padding: 10px 20px;
  position: relative;
  width: 100%;
  outline: none;
}

.search-container form>input[type="submit"] {
  background-color: rgba(124, 82, 255, 1);
  background-repeat: no-repeat;
  background-position: center center;
  border-color: rgba(16, 2, 44, 1);
  border-radius: 0 50px 50px 0;
  border-style: solid solid solid none;
  border-width: 10px 10px 10px 0;
  cursor: pointer;
  display: inline-block;
  height: 80px;
  margin: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-indent: 999px;
  top: 0;
  vertical-align: top;
  width: 25%;
  -webkit-appearance: none;
}

/***** Blocks *****/

/* Used in Homepage#categories and Community#topics */

.blocks-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0 -1.5% 30px -1.5%;
}

@media (min-width: 630px) {
  .blocks-list {
    margin: 0 -15px;
  }
}

.blocks-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(124, 82, 255, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 200px;
  flex: 1 0 200px;
  margin: 0 1.5% 30px 1.5%;
  max-width: 47%;
  text-align: center;
}

@media (min-width: 630px) {
  .blocks-item {
    -ms-flex: 1 0 180px;
    -webkit-box-flex: 1;
    flex: 1 0 180px;
    margin: 0 15px 30px 15px;
  }
}

.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
  /*background-color: rgba(124, 82, 255, 1);*/
}

.blocks-item:hover .block-hover-icon, .blocks-item:focus .block-hover-icon, .blocks-item:active .block-hover-icon {
  display: inline-block;
  margin: 0 auto;
}

.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  /*color: rgba(255, 255, 255, 1);*/
  text-decoration: none;
}

.blocks-item-internal {
  background-color: transparent;
  border: 1px solid #ddd;
}

.blocks-item-internal .icon-lock::before {
  content: "\1F512";
  font-size: 15px;
  bottom: 5px;
  position: relative;
}

.blocks-item-internal a {
  color: rgba(16, 2, 44, 1);
}

.blocks-item-link {
  color: rgba(124, 82, 255, 1);
  word-break: break-word;
  padding: 30px 20px;
}

.blocks-item-title {
  font-size: 14px;
  font-weight: 400;
}

.blocks-item .svg-inline--fa {
  font-size: 5em;
  padding-bottom: 10px;
}

.block-icon, .block-hover-icon {
  max-height: 67px;
  padding-bottom: 10px;
}

.blocks-item-description:not(:empty) {
  margin-top: 10px;
}

.blocks-item-link:hover, .blocks-item-link:focus, .blocks-item-link:active {
  text-decoration: none;
}

.blocks-item-description {
  font-weight: 300;
  margin: 0;
}

/***** Homepage *****/

.section {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .section {
    margin-bottom: 60px;
  }
}

.section h2 {
  margin-bottom: 10px;
  text-align: center;
}

.blocks {
  padding-top: 30px;
}

.knowledge-base {
  background-color: #fafafa;
}

.index-content {
  margin-top: 40px;
}

/* Community topics grid */

.topics {
  max-width: none;
  width: 100%;
}

.topics-item.blocks-item {
  border: 1px solid rgba(124, 82, 255, 1);
  -ms-flex: 1 0 180px;
  -webkit-box-flex: 1;
  flex: 1 0 180px;
  margin: 0 15px 30px 15px;
  max-width: 100%;
}

.community-header .page-header-description {
  margin-bottom: 20px;
}

.topics-item .meta-group {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}

/***blocks***/

.additional-help {
  background-color: #eee;
  margin-top: 15px;
  padding: 20px 0;
}

.additional-help .column-right>a {
  background-color: rgba(124, 82, 255, 1);
  padding: 10px 20px;
  color: rgba(255, 255, 255, 1);
  outline: 0;
  line-height: 1.42857143;
  display: inline-block;
  border-radius: 4px;
}

.additional-help .column-right>a:hover {
  background-color: #551fff;
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}

.additional-help .column-left>h2 {
  font-size: 2.4em;
  font-weight: 400;
  margin: 0 0 10px;
}

.additional-help .column-left>p {
  color: #252525;
  font-size: .95em;
  font-weight: 400;
}

.solution-container {
  width: 33.33%;
  float: left;
  padding: 0px 15px;
}

.article-wrapper {
  background-color: #f5f5f5;
  padding: 5px 15px;
}

.solution-container>.component-wrap>h3 {
  color: rgba(16, 2, 44, 1);
  font-weight: 400;
  font-size: 1.5em;
  position: relative;
}

.solution-container>.article-wrapper>ul>li {
  padding: 5px 0;
}

.solution-container>.article-wrapper>ul>li>a, .solution-container>.article-wrapper>.promoted-articles>ul>li>a {
  color: rgba(16, 2, 44, 1);
  font-size: 1.1em;
  font-weight: 400;
}

.solution-container>.article-wrapper>ul>li>p, .solution-container>.article-wrapper>.promoted-articles>ul>li>p {
  font-size: 1.1em;
  font-weight: 400;
}

.article-wrapper section.promoted-articles ul {
  padding-left: 15px;
}

.article-wrapper section.promoted-articles ul li {
  list-style-type: disc;
  padding: 5px 0;
}

.solution-container>.component-wrap>ul, .solution-container section.recent-articles ul, .solution-container ul.recent-activity-list, .solution-container>.component-wrap>div {
  border: 1px solid #dddddd;
  list-style-type: inherit;
  margin-top: 15px;
  padding: 5px 25px;
}

.solution-container ul.recent-activity-list {
  padding: 0;
  border: 0;
}

a.recent-activity-item-parent {
  display: none;
}

.solution-container>.component-wrap>ul>li, .solution-container section.recent-articles ul li {
  color: rgba(16, 2, 44, 1);
  font-weight: 400;
  padding: 10px 0;
}

.solution-container>.component-wrap>ul>li>a, .solution-container section.recent-articles ul li a {
  color: rgba(16, 2, 44, 1);
}

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

.solution-container>.article-wrapper>h3 {
  font-size: 2em;
}

.breadcrumbs ol.breadcrumb {
  background-color: transparent;
  padding: 15px 0 0px 0;
  margin-bottom: 15px;
}

.breadcrumbs .breadcrumb>li+li:before {
  color: rgba(16, 2, 44, 1);
  content: "/ ";
  padding: 0;
  display: inline-block;
}

.breadcrumbs .breadcrumb>li>a {
  color: rgba(124, 82, 255, 1);
  text-transform: capitalize;
}

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

.breadcrumbs>li:first-child a:before {
  content: "\f015";
  font-family: 'FontAwesome';
  font-size: 1.5em;
  padding-right: 5px;
}

.section-wrapper h1 {
  font-size: 2.2em;
  font-weight: 300;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

.section-wrapper ul {
  list-style-type: inherit;
  padding-left: 15px;
  color: rgba(124, 82, 255, 1);
}

.section-wrapper ul>li {
  padding: 2px 0;
}

.section-wrapper ul>li>a {
  color: rgba(16, 2, 44, 1);
  font-size: 1.1em;
  font-weight: 400;
}

.category-wrapper ul>li>h1, h1.search-result-title {
  font-size: 2.2em;
  font-weight: 300;
}

.category-wrapper ul>li>h1 {
  border-bottom: 1px solid #eee;
  padding: 0px 0 15px 0;
}

.category-wrapper ul>li.category>ul>li.section, .section-tree .section, .category-wrapper ul>li.category>.section-tree-with-article>ul>li.section {
  display: inline-block;
  margin: 5px 0 20px 0;
  padding: 0 20px 0 0;
  width: 49%;
  vertical-align: top;
}

.section-tree .section ul.article-list {
  list-style: disc;
  color: rgba(124, 82, 255, 1);
  padding-left: 17px;
}

.category-wrapper ul>li>ul>li>h3, .section-tree .section h3, .category-wrapper ul>li>.section-tree-with-article>ul>li>h2 {
  font-size: 1.7em;
  font-weight: 400;
}

.section-tree .section h3 a {
  color: rgba(16, 2, 44, 1);
}

.category-wrapper ul>li.section>.article-list>li {
  padding: 5px 0;
}

.section-tree .section ul li a, .category-wrapper ul>li.section>.article-list>li>a {
  color: rgba(16, 2, 44, 1);
}

.category-wrapper ul>li.section>.article-list {
  list-style-type: initial;
  padding-left: 15px;
}

a.see-all-articles {
  color: rgb(51, 122, 183);
  padding: 10px;
  display: inline-block;
}

.section-tree .section ul.article-list {
  padding-bottom: 5%;
}

.wrapper-column .left-col {
  float: left;
  width: 27%;
}

@media(min-width:768px) {
  .wrapper-column .left-col {
    padding-right: 30px;
  }
}

.wrapper-column .right-col {
  float: left;
  width: 73%;
}

.wrapper-column .col-md-12, .wrapper-column .col-sm-12, .wrapper-column .col-xs-12 {
  padding-left: 0;
  padding-right: 0;
}

.wrapper-column .left-col>ul>li {
  background-color: rgba(255, 255, 255, 1);
  border: solid 1px rgba(124, 82, 255, 1);
  margin-bottom: 3px;
}

.wrapper-column .left-col>ul>li>a {
  color: rgba(124, 82, 255, 1);
  display: block;
  font-size: 1em;
  font-weight: 400;
  padding: 10px 30px;
  text-transform: uppercase;
  width: 100%;
  word-break: break-word;
}

.wrapper-column .left-col>ul>li.active a, .wrapper-column .left-col>ul>li>a.active, .wrapper-column .left-col>ul>li>a:hover, .left-side-category-list li a.active {
  background-color: rgba(124, 82, 255, 1);
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}

.wrapper-column h1 {
  border-bottom: 2px solid #565656;
  font-size: 2em;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 0;
  padding-bottom: 10px;
}

.wrapper-column .right-col>ul>li>h3 {
  font-size: 1.2em;
  font-weight: 400;
}

.wrapper-column .right-col>ul>li>p {
  font-size: 1.1em;
  font-weight: 400;
}

.wrapper-column .right-col>.article-query {
  background-color: #ebebeb;
  margin: 30px 0;
  padding: 30px 0;
  text-align: center;
}

.wrapper-column .right-col>.article-query>h3, .wrapper-column .right-col>.article-query .article-vote-question {
  font-size: 1.4em;
  letter-spacing: 1.2px;
  margin-top: 10px;
}

.wrapper-column .right-col .article-query>a, .wrapper-column .right-col .article-query a.article-vote-up, .wrapper-column .right-col .article-query a.article-vote-down {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 3px;
  border: solid 1px rgba(124, 82, 255, 1);
  color: rgba(124, 82, 255, 1);
  display: inline-block;
  font-size: 1em;
  margin-left: 10px;
  padding: 5px 20px;
}

.wrapper-column .right-col .article-query>a:hover, .wrapper-column .right-col .article-query a.article-voted, .wrapper-column .right-col .article-query a.article-vote-up:hover, .wrapper-column .right-col .article-query a.article-vote-down:hover {
  background-color: rgba(124, 82, 255, 1);
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}

.search-results-column {
  width: 100%;
  float: left;
}

.search-results-column+.search-results-column {
  float: left;
  margin-top: 20px;
}

.search-results-column h2.search-results-subheading {
  font-size: 1.4em;
}

body .search-results-list {
  padding: 0px;
}

.search-results-list .search-result {
  padding-bottom: 10px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 20px;
  list-style: none;
}

body .search-result-link {
  color: rgba(124, 82, 255, 1) !important;
  font-size: 1.2em;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 5px;
}

.error-page {
  min-height: 300px;
}

.error-page a {
  color: rgba(124, 82, 255, 1);
}

.error-page img {
  padding: 5% 0px 2% 0px;
}

.error-page h1 {
  margin-top: 20px;
  text-transform: uppercase;
}

.search-result-description {
  padding: 10px 0 5px 0px;
}

.search-results-list .search-result .search-result-meta {
  font-size: 1.05em;
}

/* Contributions Page & Following Page */

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

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

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

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

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

.my-activities-nav {
  margin-bottom: 30px;
  margin-top: 20px;
}

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

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

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

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

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

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

body th {
  border-width: 1px 0;
  white-space: nowrap;
}

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

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

.my-activities-table>p {
  padding: 0 15px;
  margin-top: 30px;
}

/* Contributions & Following Page End */

/* Request list page */

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

.requests-search {
  border-radius: 20px;
  outline: medium none;
  padding: 6px 15px;
  border: 1px solid #efefef;
}

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

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

/* Request list page end */

/* Request page */

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

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

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

body .comment-list {
  padding-left: 0px;
}

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

body .comment-list>li {
  padding: 10px 0 10px;
}

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

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

.comment-avatar img {
  border-radius: 100%;
  max-height: 50px;
  max-width: 50px;
}

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

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

.status-label-pinned, .status-label-featured, .status-label-official {
  background-color: rgba(124, 82, 255, 1);
}

.status-label-official {
  border-radius: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  color: #fff;
  padding: 0 5px;
}

@media (min-width: 768px) {
  .status-label-official {
    border-radius: 0 0 4px 4px;
    right: 30px;
    width: auto;
  }
}

[dir="rtl"] .status-label-official {
  left: 30px;
  right: auto;
}

.status-label-pending, .status-label-not-planned {
  background-color: #eee;
  color: #33068e;
}

.status-label-pending {
  text-align: center;
}

.status-label-open {
  background-color: #e03b30;
}

.status-label-closed {
  background-color: #ddd;
}

.status-label-solved {
  background-color: #999;
}

.status-label-new {
  background-color: #ffd12a;
}

.status-label-hold {
  background-color: #000;
}

.status-label-open, .status-label-closed, .status-label-solved, .status-label-new, .status-label-hold, .status-label-answered {
  text-transform: lowercase;
}

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

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

textarea {
  height: 100px;
  padding: 7px 10px;
  resize: vertical;
  border: 1px solid #eee;
}

.comment-form input[type="submit"], .request-form input[type="submit"] {
  background-color: rgba(124, 82, 255, 1);
  border: solid 0px rgba(124, 82, 255, 1);
  padding: 18px 20px;
  color: rgba(255, 255, 255, 1);
  outline: 0;
  line-height: 0;
  display: inline-block;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  width: 20%;
  min-width: 100px;
}

.users-comment .comment-form .comment-container .comment-form-controls {
  float: right;
}

.users-comment .comment-form .comment-container .comment-form-controls input[type="submit"] {
  width: 100%;
  margin-top: 8px;
}

.comment-mark-as-solved label {
  padding: 15px 0 10px 0;
}

.comment-form input[type="submit"]:hover, .request-form input[type="submit"]:hover {
  background-color: #551fff;
  color: rgba(255, 255, 255, 1);
}

ul.attachment-list, nav.community-sub-nav ul, .community-nav ul {
  padding-left: 0;
}

dl.request-details ul.attachment-list {
  padding-left: 10px;
  margin-top: -4px;
}

dl.request-details dd:last-child {
  margin-left: 10px;
}

ul.attachment-list li {
  list-style: none;
}

.comment-attachments {
  margin-bottom: 12px;
}

.upload-dropzone {
  border: 2px dashed rgba(0, 0, 0, 0.05);
  font-size: 12px;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.upload-dropzone input[type="file"] {
  cursor: pointer;
  font-size: 250px;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.upload-dropzone span::before {
  content: "";
  font-family: "entypo";
  font-size: 30px;
  margin-right: 5px;
  position: relative;
  top: -2px;
  vertical-align: middle;
}

.upload-dropzone span {
  color: rgba(16, 2, 44, 1);
  display: inline-block;
}

.upload-pool {
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.side-column {
  margin-left: 20px;
  width: 31%;
}

.request-details {
  background: none repeat scroll 0 0 #f9f9f9;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  font-size: 12px;
  margin: 0 0 10px;
  padding: 15px 20px;
}

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

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

.request-answered, .request-solved {
  background: none repeat scroll 0 0 #f5ca00;
}

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

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

.requests-page>.main-column {
  width: 65%;
}

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

.request-details+[role="button"] {
  border: 1px solid rgba(124, 82, 255, 1);
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  padding: 5px 10px;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  background-color: rgba(124, 82, 255, 1);
  color: rgba(255, 255, 255, 1) !important;
}

.request-details+[role="button"]:hover {
  background-color: #551fff;
  text-decoration: none;
}

h1.subject-head {
  font-size: 1.6em;
  padding: 25px 0;
  font-weight: 600;
}

h2.request-heading {
  margin: 0px 0 15px 5px;
  display: inline-block;
  text-transform: capitalize;
}

body .requests-page .side-column, body .requests-page .side-column dl {
  overflow: hidden;
}

.side-column dl dd, .side-column dl dt {
  float: left;
}

.side-column dt+dt, .side-column dd+dt {
  clear: both;
}

.side-column dt+dd {
  margin-top: 15px;
  margin-left: 15px;
}

/* Request page */

/* New Request page */

.form {
  max-width: 600px;
  border: solid 1px #ddd;
  border-radius: 4px;
  padding: 20px;
}

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

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

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

footer input[type="submit"], .form footer a {
  background-color: rgba(124, 82, 255, 1);
  border-color: rgba(124, 82, 255, 1);
  color: rgba(255, 255, 255, 1);
  padding: 5px 30px;
}

footer input[type="submit"]:hover {
  background-color: #551fff;
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}

.form footer a {
  padding: 9.5px 11px;
  border-radius: 3px;
}

.form input {
  height: 35px;
  border-radius: 3px;
  border: 1px solid #eee;
  padding: 0px 10px;
}

.form-field #request_description {
  border-color: #efefef;
  margin-bottom: 10px;
  border-radius: 3px;
}

/* New Request page End */

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

.request-answered {
  background: #F5CA00;
}

.request-solved {
  background: #78A300;
}

/* community */

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

.clearfix::before, .clearfix::after {
  content: "";
  display: table;
  line-height: 0;
}

.clearfix::after {
  clear: both;
}

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

.community-nav {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 55px;
  padding: 25px 0;
}

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

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

.community-nav li a {
  color: rgba(16, 2, 44, 1);
  font-weight: normal;
}

.topic-header, .question-header {
  border-bottom: 1px solid #eeeeee;
  display: table;
  padding-bottom: 10px;
}

.topic-heading {
  width: 100%;
}

.question-heading, .answer-list-heading {
  font-size: 13px;
  font-weight: bold;
  width: 100%;
}

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

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

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

.question, .answer {
  border-bottom: 1px solid #eeeeee;
  padding: 20px 0;
  position: relative;
}

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

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

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

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

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

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

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

.question-avatar-agent::after, .answer-avatar-agent::after {
  background-color: rgba(0, 0, 0, 0);
  background-image: url("/hc/assets/agent-marker.svg");
  background-repeat: no-repeat;
  background-size: 14px auto;
  content: " ";
  height: 15px;
  left: 30px;
  position: absolute;
  top: 30px;
  width: 15px;
}

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

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

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

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

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

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

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

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

.sub-nav form, .solution-container h2.recent-activity-header, .solution-container section.recent-articles>h3 {
  display: none;
}

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

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

.answer-form-controls input[type="submit"] {
  background-color: rgba(124, 82, 255, 1);
  border-radius: 4px;
  color: rgba(255, 255, 255, 1);
  margin-left: 15px;
  padding: 6px 12px;
}

.answer-form-controls input[type="submit"]:hover {
  background-color: #551fff;
  text-decoration: none;
}

ul.share {
  display: inline;
}

ul.share li {
  display: inline-block;
}

.accordion-topics .panel-title>a, .community-accordion .panel-title>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  vertical-align: middle;
  width: 100%;
}

.accordion-topics .glyphicon, .community-accordion .glyphicon {
  font-size: 25px;
  display: table;
  float: none;
  height: 30px;
  width: 30px;
  top: 5px;
}

.accordion-topics .heading, .community-accordion .heading {
  display: table-cell;
  float: none;
  /* font-size: 1.2em; */
  line-height: 24px;
  overflow: hidden;
  padding: 8px 0 4px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

body h4.community-heading, body .question-share:before {
  display: none;
}

.question-controls {
  clear: both;
}

.question-controls a {
  border: 1px solid #eee;
  display: inline-block;
  margin-right: 15px;
  padding: 5px 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.question-share {
  margin: 20px 0;
}

.question-share ul li {
  display: inline-block;
  font-size: 11px;
}

.clearfix>.main-column, .clearfix>.side-column {
  display: inline-block;
  vertical-align: top;
  padding: 10px 0;
}

.clearfix>.side-column h3 {
  margin-top: 0px;
}

body .question-list, body .question-list li {
  list-style: none;
  padding-left: 0px;
}

.question-list li {
  padding: 15px 0 !important;
  margin-bottom: 5px;
}

body .community-nav {
  margin-bottom: 0;
}

.community-nav li+li+li+li {
  float: right;
}

.community-nav li+li+li+li a[role="button"] {
  border: 1px solid #eee;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: rgba(124, 82, 255, 1);
  color: #fff;
}

/* community end */

/* Community sub-nav */

.community-sub-nav {
  border-bottom: 1px solid #eeeeee;
  padding: 15px 0;
  position: relative;
}

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

.community-sub-nav li a {
  color: rgba(16, 2, 44, 1);
  font-weight: normal;
}

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

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

.community-sub-nav+.topic-list, .community-sub-nav+p {
  margin-top: 20px;
}

body .topic-list, body .topic-list li {
  list-style: none;
  padding-left: 0px;
}

body .topic-list li {
  padding: 15px 0;
  margin-bottom: 5px;
}

/*body .topic-list li + li {border-top: 1px solid #eee;}*/

/* Community sub-nav ends */

.answer-controls {
  float: right;
}

.answer-controls a+a {
  margin-left: 15px;
}

.con-table tr th+th, .con-table tr td+td {
  text-align: center;
}

.comment-body, .answer-text, .question-body p {
  margin-top: 8px;
  word-wrap: break-word;
  word-break: break-word;
}

.question .vote {
  padding-bottom: 20px;
}

.searchbox-suggestions ul li {
  padding: 5px 10px;
  list-style: none;
}

.searchbox-suggestions ul li a {
  color: rgba(124, 82, 255, 1);
  font-weight: 500;
  font-size: 0.9em;
}

.searchbox-suggestions {
  min-height: 30px;
  border: 1px solid #efefef;
  border-radius: 3px;
}

form .searchbox {
  padding-top: 10px;
}

form .searchbox label {
  padding-bottom: 10px;
}

.head-wrapper .dropdown-toggle::after {
  color: rgba(16, 2, 44, 1);
}

div#user {
  color: rgba(16, 2, 44, 1);
  display: inline-block;
}

textarea#question_details {
  border-color: #efefef;
  border-radius: 3px;
}

.article-user-info img {
  width: 40px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  margin-bottom: 5px;
}

.article-user-info {
  display: inline;
}

.article-meta {
  display: inline-block;
  vertical-align: middle;
}

.avatar.article-avatar {
  display: inline;
}

.article-body {
  border-top: 1px solid #efefef;
  margin-top: 10px;
  padding-top: 20px;
}

.follow_nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: 10px;
}

.article-content-margin {
  margin: 0 0 40px 0;
}

nav.pagination {
  margin: 0 0 20px 0;
}

nav.pagination ul {
  padding-left: 0;
}

body nav.pagination ul li a:hover, body nav.pagination ul li a {
  color: rgba(124, 82, 255, 1);
}

nav.pagination ul li, nav.pagination ol li {
  background: transparent;
  padding: 4px 10px;
  -webkit-box-shadow: 4px 5px 4px 2px #efefef;
  box-shadow: 4px 5px 4px 2px #efefef;
  display: inline-block;
  color: rgba(124, 82, 255, 1);
}

nav.pagination ul li a, nav.pagination ol li a {
  font-weight: 500;
  color: rgba(124, 82, 255, 1);
}

nav.pagination li.pagination-current {
  background: rgba(124, 82, 255, 1);
  color: rgba(255, 255, 255, 1);
}

.search-result-votes {
  background: rgba(124, 82, 255, 1);
  border-radius: 2px;
  color: rgba(255, 255, 255, 1);
  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;
}

ul.attachment-list li:before, ul.attachments li:before {
  content: "\1F4CE";
  font-family: entypo;
  margin-right: 2px;
}

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

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

.share-facebook::before {
  content: "";
  background: #3b5998;
}

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

.share-linkedin::before {
  content: "";
  background: #007BB6;
}

.share-googleplus::before {
  content: "";
  background: #DD4A3A;
}

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

.article-vote {
  margin-bottom: 10px;
  border-top: 1px solid #efefef;
  padding: 15px 0;
}

a.article-subscribe, a.article-unsubscribe, a.question-unsubscribe, a.question-subscribe {
  float: right;
  border: solid 1px rgba(124, 82, 255, 1);
  padding: 6px 12px;
  border-radius: 3px;
  font-size: 0.9em;
}

a.article-subscribe, a.question-subscribe {
  background: rgba(255, 255, 255, 1);
  color: rgba(124, 82, 255, 1);
}

a.question-unsubscribe, a.article-unsubscribe {
  background: rgba(124, 82, 255, 1);
  color: rgba(255, 255, 255, 1);
}

a.article-subscribe:hover, a.question-subscribe:hover {
  background: rgba(124, 82, 255, 1);
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}

a.question-unsubscribe:hover, a.article-unsubscribe:hover {
  background: #551fff;
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}

.article-body img, .article-body iframe, .right-col img, .right-col iframe, ul.comment-list img, .search-results-column img {
  max-width: 100%;
}

.article-body ol, section.answers ol, .question-body ol {
  list-style-type: decimal;
  padding-left: 20px;
}

.article-body ul, section.answers ul, .question-body ul {
  list-style-type: disc;
  padding-left: 18px;
}

.article-attachments {
  padding-top: 10px;
}

.powered-by-zendesk, span.share-label {
  display: none;
}

.article-attachments li a {
  color: rgba(124, 82, 255, 1);
  font-weight: 600;
}

.search-result-description em {
  background-color: #1f2224;
  color: #fff;
  padding: 4px 5px;
}

/* Responsive CSS */

@media all and (max-width:480px) {
  nav.primary-menu {
    padding-left: 15px;
  }
  .main>.additional-help .column-left>h2 {
    color: #e1253b;
    font-size: 1.8em;
  }
  .main>.additional-help .column-left>p {
    font-size: 0.9em;
  }
  nav.user-nav>a {
    display: inline-block;
    font-size: 1em;
    font-weight: 600;
    margin: 5px 0;
    padding: 0 15px;
  }
  .solution-container>.component-wrap>h3 {
    font-size: 1.5em;
  }
  .solution-container>.article-wrapper>ul>li>a {
    font-size: 0.9em;
  }
  .solution-container>.article-wrapper>ul>li>p {
    font-size: 0.9em;
  }
  .solution-container>.article-wrapper>h3 {
    font-size: 1.5em;
  }
  .login-btn {
    font-size: 0.813em;
  }
  .wrapper-column .left-col>ul>li>a {
    display: block;
    font-size: 0.95em;
    font-weight: 400;
    padding: 10px 15px;
    text-transform: uppercase;
    width: 100%;
  }
  .wrapper-column .right-col>h1 {
    font-size: 1.5em;
  }
  .wrapper-column .right-col>ul>li>h3 {
    font-size: 1em;
  }
  .wrapper-column .right-col>ul>li>p {
    font-size: 0.9em;
  }
  .wrapper-column .right-col>.article-query>h3 {
    font-size: 1.1em;
  }
  .nav-bordered li, .community-nav li, .nav-spaced li {
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-bordered li+li, .community-nav li+li, .nav-spaced li+li {
    padding: 0;
    margin-bottom: 8px;
    border-color: #fff;
    margin-left: 0;
  }
  .request-table-toolbar>input {
    width: 100%;
  }
  .request-table-filters {
    text-align: left;
    display: table;
  }
  .request-table-toolbar label {
    padding: 9px 5px 4px 1px;
    margin-left: -20px;
  }
  .request-id {
    margin: 10px;
  }
  .question-avatar, .answer-avatar {
    display: table;
    margin: 20px 0;
  }
  body .answer-form {
    margin: 20px 0;
  }
  .answer-body {
    display: table;
  }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  footer>.footer-inner>.social-share>ul>li>a {
    display: inline-block;
    overflow: hidden;
  }
  footer>.footer-inner>.important-links>ul>li>a {
    font-size: 0.9em;
    padding: 0 3px;
  }
  .copyright-section p {
    color: #fff;
    font-size: 0.8em;
  }
  .category-wrapper ul>li.section>.article-list>li>a {
    font-size: 1em;
  }
  .solution-container {
    display: table;
    float: left;
    padding: 0 15px;
    width: 100%;
  }
  .wrapper-column .left-col>ul>li>a {
    font-size: 0.9em;
    font-weight: 500;
  }
  .wrapper-column .right-col>h1 {
    color: #2c2c2c;
    font-size: 1.8em;
  }
  .wrapper-column .right-col>ul>li>h3 {
    color: #2c2c2c;
    font-size: 1.1em;
    font-weight: 400;
  }
  .wrapper-column .right-col>ul>li>p {
    color: #7d7d7d;
    font-size: 1em;
    font-weight: 400;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1023px) {
  .wrapper-column .left-col>ul>li>a {
    font-size: 0.9em;
    font-weight: 500;
  }
  .wrapper-column .right-col>h1 {
    color: #2c2c2c;
    font-size: 1.8em;
  }
  .wrapper-column .right-col>ul>li>h3 {
    color: #2c2c2c;
    font-size: 1.1em;
    font-weight: 400;
  }
  .wrapper-column .right-col>ul>li>p {
    color: #7d7d7d;
    font-size: 1em;
    font-weight: 400;
  }
}

@media only screen and (max-width: 650px) {
  .side-column, .requests-page>.main-column {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  .solution-container>.article-wrapper>ul>li>a, .solution-container>.article-wrapper>.promoted-articles>ul>li>a, .solution-container>.component-wrap>ul>li>a {
    font-size: 0.9em;
  }
  .section-tree .section {
    width: 100%;
    min-height: 0;
    border-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body .clearfix>.main-column, body .clearfix>.side-column {
    width: 100%;
  }
  body .clearfix>.side-column {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 220px) and (max-width: 767px) {
  nav.primary-menu {
    padding-left: 15px;
  }
  footer.footer {
    display: block;
    padding: 25px 0 10px;
    vertical-align: middle;
    text-align: center;
  }
  nav>.main-menu {
    padding-left: 15px;
    padding-right: 15px;
  }
  .main-menu a.btn {
    background-color: #e1253b;
    border: 0 solid #e1253b;
    color: #fff;
    display: inline-block;
    float: left;
    margin-top: 5px;
    padding: 5px 10px;
  }
  .search-container form>input[type="search"] {
    font-size: 1.2em;
    font-weight: 300;
  }
  .section-wrapper h1 {
    color: #2c2c2c;
    font-size: 1.8em;
    font-weight: 300;
    margin-bottom: 20px;
  }
  .category-wrapper ul>li>h1 {
    color: #2c2c2c;
    font-size: 1.8em;
    font-weight: 300;
  }
  .category-wrapper ul>li.category>ul>li.section {
    border-bottom: 1px solid #efefef;
    float: left;
    margin: 20px 0;
    min-height: 250px;
    padding: 0;
    width: 100%;
  }
  .category-wrapper ul>li.section>.article-list>li>a {
    color: #7d7d7d;
    font-size: 1em;
  }
  .category-wrapper ul>li>ul>li>h3 {
    color: #2c2c2c;
    font-size: 1em;
    font-weight: 600;
  }
  .solution-container {
    float: left;
    padding: 0 15px;
    width: 100%;
  }
  .wrapper-column .left-col {
    width: 100%;
  }
  .wrapper-column .right-col {
    padding-left: 0;
    padding-top: 25px;
    width: 100%;
  }
  .search-results-column {
    width: 100%;
  }
  .search-result-description {
    padding-bottom: 15px;
  }
  body .section-tree-with-article li.section {
    padding: 0 10px;
  }
  body .clearfix>.main-column, body .clearfix>.side-column {
    width: 100%;
  }
  body .clearfix>.side-column {
    margin-top: 20px;
  }
  body .question .question-body {
    display: block;
    margin-top: 10px;
  }
  body .my-activities-table table th {
    padding: 12px 5px;
  }
  body .community-nav li+li {
    padding-left: 0;
  }
  body .community-nav li {
    font-size: 0.9em;
  }
  .community-sub-nav {
    font-size: 0.8em;
  }
  .community-sub-nav li+li {
    padding-left: 5px;
  }
  .activity {
    margin-bottom: 20px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  div.section-tree-with-article {
    font-size: 0.8em;
  }
}

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

/*   User Profiles Start
/*------------------------------------------*/

.profile-contribution .comment-link {
  margin-right: 5px;
}

.profile-header {
  padding: 30px 0;
  background-color: #f8f8f8;
  margin-top: 0px;
}

.profile-header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .profile-header .container {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.profile-header .profile-info {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.profile-avatar {
  position: relative;
  line-height: 0;
  -ms-flex-item-align: center;
  align-self: center;
  margin-right: 10px;
}

[dir=rtl] .profile-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-avatar .user-avatar {
  width: 65px;
  height: 65px;
  border-radius: 100%;
}

.profile-header .basic-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}

.profile-header .basic-info .name {
  margin: 0;
}

.profile-header .options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin-top: 12px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.profile-header .options:not(:last-child) {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .profile-header .options {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-top: 0;
  }
  .profile-header .options:not(:last-child) {
    margin-bottom: 0;
    margin-right: 10px;
  }
  [dir=rtl] .profile-header .options:not(:last-child) {
    margin-left: 10px;
    margin-right: 0;
  }
}

.profile-header .description {
  margin: 15px 0;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  word-break: break-all;
  word-break: break-word;
}

.profile-stats {
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.profile-stats .stat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.profile-stats .stat-label {
  font-weight: 600;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  margin-right: 10px;
}

[dir=rtl] .profile-stats .stat-label {
  margin-left: 10px;
  margin-right: 0;
}

.profile-stats-activity {
  border-top: solid 1px #ddd;
  margin-top: 15px;
}

@media (min-width: 768px) {
  .profile-stats-activity {
    border-top: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.profile-stats-activity .stat:first-child {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:first-child {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:not(:last-child) {
    margin-right: 40px;
  }
  [dir=rtl] .profile-stats-activity .stat:not(:last-child) {
    margin-left: 40px;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat-label {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}

.profile-stats-counters {
  border-bottom: solid 1px #ddd;
}

@media (min-width: 768px) {
  .profile-stats-counters {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    border-bottom: 0;
    margin-left: 40px;
  }
  [dir=rtl] .profile-stats-counters {
    margin-left: 0;
    margin-right: 40px;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 270px;
    flex: 0 0 270px;
    margin-left: 60px;
  }
  [dir=rtl] .profile-stats-counters {
    margin-right: 60px;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters .stat {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat-label {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters .stat-label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
  }
}

.profile-private-badge {
  border: solid 1px rgba(16, 2, 44, 1);
  background: rgba(16, 2, 44, 1);
  border-radius: 4px;
  color: rgba(255, 255, 255, 1);
  padding: 5px 20px;
  text-align: center;
  margin-right: 6px;
}

.profile-private-badge::after {
  content: "\1f512";
  margin-left: 5px;
  font-family: "copenhagen-icons";
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  vertical-align: middle;
}

.options a {
  float: right;
  background: rgba(16, 2, 44, 1);
  color: #fff !important;
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid rgba(16, 2, 44, 1);
}

.profile-info .options a {
  color: #26bce7;
}

ol.breadcrumbs.profile-contribution-breadcrumbs {
  background: none;
}

.profile-section .breadcrumbs>li:first-child a:before {
  content: none;
  padding-right: 0px
}

@media (min-width: 768px) {
  .profile-private-badge {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}

.profile-nav {
  background-color: #f2f2f2;
  border: 0;
  margin-bottom: 20px;
}

.profile-section {
  width: 100%;
}

.profile-section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.profile-section-title {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin-bottom: 0;
  margin-top: 0;
}

.profile-section-description {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding: 10px 0;
  font-size: 13px;
}

@media (min-width: 768px) {
  .profile-section-description {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding-bottom: 0;
  }
}

.profile-section-sorter {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  border-top: solid 1px #eee;
  font-size: 13px;
}

.profile-section-sorter .dropdown-toggle {
  padding: 10px 0;
  width: 100%;
}

.profile-section-sorter .dropdown-toggle::after {
  position: absolute;
  right: 0;
}

[dir=rtl] .profile-section-sorter .dropdown-toggle::after {
  left: 0;
  right: initial;
}

@media (min-width: 768px) {
  .profile-section-sorter .dropdown-toggle::after {
    position: relative;
  }
}

@media (min-width: 768px) {
  .profile-section-sorter {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-top: 0;
    border-top: 0;
  }
}

.profile-contribution {
  padding: 20px 0;
  word-wrap: break-word;
  position: relative;
}

.profile-contribution-header {
  margin-bottom: 5px;
}

.profile-contribution-title {
  margin: 0 0 5px 0;
  display: inline;
  line-height: 21px;
  font-size: 15px;
  vertical-align: middle;
}

.profile-contribution-body {
  margin: 10px 0;
}

.profile-contribution-list>.profile-contribution {
  border-top: 1px solid #eee;
}

@media (min-width: 768px) {
  .profile-contribution-list>.profile-contribution {
    padding-left: 30px;
  }
  [dir=rtl] .profile-contribution-list>.profile-contribution {
    padding-right: 30px;
    padding-left: 0;
  }
}

.profile-contribution-list>.profile-contribution:last-child {
  border-bottom: 1px solid #eee;
}

.profile-contribution-list>.profile-contribution::before {
  left: 0;
  position: absolute;
  font-size: 16px;
  color: #ccc;
  font-family: "copenhagen-icons";
  line-height: 25px;
}

[dir=rtl] .profile-contribution-list>.profile-contribution::before {
  right: 0;
}

.profile-contribution-list .profile-contribution-header {
  margin-left: 30px;
}

[dir=rtl] .profile-contribution-list .profile-contribution-header {
  padding-right: 30px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .profile-contribution-list .profile-contribution-header {
    margin-left: 0;
  }
  [dir=rtl] .profile-contribution-list .profile-contribution-header {
    padding-right: 0;
  }
}

.profile-comments .profile-contribution-breadcrumbs {
  margin-left: 30px;
}

[dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
  padding-right: 30px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .profile-comments .profile-contribution-breadcrumbs {
    margin-left: 0;
  }
  [dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
    padding-right: 0;
  }
}

.profile-section .no-activity, .profile-section .private-activity {
  display: block;
  margin-top: 0;
  color: #999;
}

.profile-section .no-activity {
  margin-top: 20px;
}

.profile-section .private-activity::before {
  content: "\1f512";
  font-family: "copenhagen-icons";
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  vertical-align: middle;
  margin-right: 10px;
}

[dir=rtl] .profile-section .private-activity::before {
  margin-right: 0;
  margin-left: 10px;
}

.profile-activity-list {
  margin-top: 25px;
}

.profile-activity {
  position: relative;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .profile-activity {
    padding-left: 20px;
  }
  [dir=rtl] .profile-activity {
    padding-right: 20px;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-activity:not(:last-child) {
    border-left: 1px solid #ddd;
  }
  [dir=rtl] .profile-activity:not(:last-child) {
    border-left: 0;
    border-right: 1px solid #ddd;
  }
}

.profile-activity-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 35px;
}

[dir=rtl] .profile-activity-header {
  margin-left: 0;
  margin-right: 35px;
}

@media (min-width: 768px) {
  .profile-activity-header {
    margin-left: 0;
  }
  [dir=rtl] .profile-activity-header {
    margin-right: 0;
  }
}

.profile-activity-header .user-avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 100%;
}

[dir=rtl] .profile-activity-header .user-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-activity-description {
  margin: 0;
}

.profile-activity-description span:first-child {
  font-weight: 600;
  display: block;
}

@media (min-width: 768px) {
  .profile-activity-description span:first-child {
    display: inline;
  }
}

.profile-activity-contribution {
  padding: 20px;
  margin-top: 10px;
  border-radius: 8px;
  background-color: #f8f8f8;
}

@media (min-width: 768px) {
  .profile-activity-contribution {
    margin-top: 0;
    margin-left: 50px;
  }
  [dir=rtl] .profile-activity-contribution {
    margin-left: 0;
    margin-right: 50px;
  }
}

.profile-activity:before {
  position: absolute;
  left: 0;
  width: 28px;
  border-radius: 50%;
  content: "";
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  background-position: 50% 50%;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: rgba(124, 82, 255, 1);
  font-family: "copenhagen-icons";
}

[dir=rtl] .profile-activity:before {
  right: 0;
}

@media (min-width: 768px) {
  .profile-activity:before {
    left: -14px;
  }
  [dir=rtl] .profile-activity:before {
    right: -14px;
  }
}

.profile-articles>.profile-contribution::before, .profile-activity-list>li[class$="-article"]:before {
  content: "\1f4c4";
}

.profile-posts>.profile-contribution::before, .profile-activity-list>li[class$="-post"]:before {
  content: "\1f4d4";
}

.profile-comments>.profile-contribution::before, .profile-activity-list>li[class$="-comment"]:before {
  content: "\1f4ac";
  line-height: 35px;
}

.collapsible-nav-list {
  display: inline;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
}

@media (min-width: 768px) {
  .collapsible-nav-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.collapsible-nav-list li[aria-selected=true] {
  font-weight: 600;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  position: relative;
}

.collapsible-nav-list li>a {
  color: rgba(16, 2, 44, 1);
}

.collapsible-nav-list li {
  line-height: normal;
  margin-right: 30px;
  display: inline-block;
}

.meta-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.meta-data:not(:last-child)::after {
  content: '\00B7';
  margin: 0 5px;
}

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

/*   User Profiles Ends
/*------------------------------------------*/

.recent-activity-item {
  margin-bottom: 10px;
}

a.recent-activity-item-link, a.recent-activity-item-link:hover {
  color: rgba(16, 2, 44, 1);
}

.recent-activity-controls>a {
  background-color: rgba(255, 255, 255, 1);
  border: solid 1px rgba(124, 82, 255, 1);
  color: rgba(124, 82, 255, 1);
  padding: 6px 12px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 10px;
}

.recent-activity-controls>a:hover {
  background-color: rgba(124, 82, 255, 1);
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}

ol.breadcrumbs {
  margin-top: 15px;
}

.article-vote-question, .article-vote-controls {
  display: block;
  margin-bottom: 5px;
}

.article-comments-inner .comment-footer {
  text-align: right;
}

.error-page>a {
  display: inline-block;
  margin-bottom: 40px;
}

.error-page>a, .my-activities-table a[data-method="delete"] {
  background-color: rgba(124, 82, 255, 1);
  border-radius: 4px;
  color: rgba(255, 255, 255, 1);
  padding: 6px 12px;
  text-decoration: none;
}

.error-page>a:hover, .my-activities-table a[data-method="delete"]:hover {
  background-color: #551fff;
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}

.recent-activity-item-meta {
  color: #33068e;
  font-size: .9em;
  font-weight: 400;
}

.comment-footer {
  text-align: right;
}

.recent-activity-item-meta * {
  display: inline;
}

.search-result-description em {
  background-color: yellow;
  color: rgba(16, 2, 44, 1);
}

.back-to-homepage, .btn.new-post {
  background-color: rgba(124, 82, 255, 1);
  color: rgba(255, 255, 255, 1);
  font-weight: 500;
}

a.back-to-homepage:hover, .btn.new-post:hover {
  background-color: #551fff;
  color: rgba(255, 255, 255, 1);
}

.featured-articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 920px) {
  .featured-articles {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.section.community-featured-posts {
  padding-top: 20px;
  margin-bottom: 10px;
}

.community-featured-posts .promoted-articles {
  list-style-type: disc;
  padding-left: 18px;
}

.community-featured-posts .promoted-articles-item>a {
  color: rgba(16, 2, 44, 1);
  padding: 5px 0;
}

.recent-activity-item {
  margin: 8px 0;
}

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

.community-featured-posts .promoted-articles-item {
  width: 100%;
}

.recent-activity-item-link, .recent-activity-item-link:hover {
  color: rgba(16, 2, 44, 1);
}

.community-featured-posts h3 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
}

section h2.recent-activity-header {
  font-size: 18px;
  font-weight: 600;
  text-align: left;
}

ul.recent-activity-list {
  padding-left: 18px;
}

ul.recent-activity-list>li {
  list-style-type: disc;
}

.community-footer {
  margin-top: 20px;
  padding: 20px 10px;
  text-align: center;
  border: solid 1px #ddd;
  border-radius: 4px;
}

.topic-header {
  border-bottom: 1px solid #ddd;
  font-size: 13px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .topic-header {
    padding-bottom: 10px;
  }
}

main a.post-subscribe, main a.post-unsubscribe, .topic-subscribe>.dropdown-toggle {
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-image: none;
  border-radius: 4px;
}

main a.post-subscribe, .topic-subscribe>.dropdown-toggle {
  background-color: rgba(255, 255, 255, 1);
  border: solid 1px rgba(124, 82, 255, 1);
  color: rgba(124, 82, 255, 1);
}

.topic-subscribe>.dropdown-toggle::after {
  color: rgba(124, 82, 255, 1);
}

.topic-subscribe>.dropdown-toggle:hover::after {
  color: rgba(255, 255, 255, 1);
}

.topic-subscribe>.dropdown-toggle:hover, main a.post-unsubscribe {
  background-color: rgba(124, 82, 255, 1);
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}

.no-posts-with-filter {
  margin-top: 20px;
  margin-bottom: 20px;
}

.featured-articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 920px) {
  .featured-articles {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.community-featured-posts .promoted-articles {
  padding-left: 18px;
}

.community-featured-posts .promoted-articles>li {
  list-style-type: disc;
}

.community-featured-posts .promoted-articles-item>a {
  color: rgba(16, 2, 44, 1);
  padding: 5px 0;
}

.community-featured-posts .promoted-articles-item {
  width: 100%;
}

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

section h2.recent-activity-header {
  font-size: 18px;
  font-weight: 600;
  text-align: left;
}

.page-header.community-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 30px;
  margin-top: 0;
}

.community-header .page-header-description {
  margin-bottom: 20px;
}

.actions .dropdown-menu, .comment-sorter .dropdown-menu, [dir="rtl"] .my-activities-following-header .dropdown-menu {
  left: auto;
  right: 0;
}

[dir="rtl"] .actions .dropdown-menu, [dir="rtl"] .comment-sorter .dropdown-menu, .my-activities-following-header .dropdown-menu {
  left: 0;
  right: auto;
}

.topic-filters .dropdown-menu {
  left: 0;
  right: auto;
}

.question-meta {
  width: 100%;
  display: inline;
  vertical-align: middle;
}

a.login {
  vertical-align: middle;
}

.recent-activity-item-comment span::before {
  color: rgba(124, 82, 255, 1);
  content: "\1F4AC";
  display: inline-block;
  font-size: 15px;
  padding-right: 3px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 5px;
  font-family: "copenhagen-icons";
}

.meta-group {
  display: block;
}

.meta-group * {
  display: inline;
}

.meta-data {
  color: #33068e;
  font-size: 13px;
  font-weight: 500;
}

ol.breadcrumbs {
  margin: 20px 0;
}

.meta-data:not(:last-child)::after {
  content: "\00B7";
  margin: 0 5px;
}

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

.vote-up, .vote-down {
  background-color: transparent;
  border: none;
  color: rgba(124, 82, 255, 1);
  display: block;
  text-align: center;
}

.vote-up:hover, .vote-down:hover, .vote-up[aria-selected="true"], .vote-down[aria-selected="true"] {
  background-color: transparent;
  color: #3900eb;
  text-decoration: none;
}

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

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

.vote-up::before, .vote-down::before {
  font-family: "copenhagen-icons";
  font-size: 18px;
}

.question-title {
  margin-top: 0;
}

.comment-form-controls {
  text-align: right;
}

.answer-controls .dropdown-menu {
  left: auto;
  right: 0;
}

.social-share a.youtube {
  background-color: #D00D0D;
}

.social-share a.linkedin {
  background-color: #1D76B3;
}

.social-share a.google {
  background-color: #DC4A38;
}

.social-share a.facebook {
  background-color: #3364A3
}

.social-share a.twitter {
  background-color: #33BDFD;
}

.social-share a.mail {
  background-color: #C71610;
}

.social-share a.pinterest {
  background-color: #c92228;
}

.social-share a.instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.hide {
  display: none;
}

.custom .block-hover-icon, .custom.blocks-item:hover img.block-icon, .categories .block-hover-icon, .categories.blocks-item:hover img.block-icon {
  display: none;
}

/***alerts****/

/* types of alerts with their respective class names:

.note - for note
.tip - for tip
.warning - for warning
.important - for important
.caution - for caution
.danger - for danger
.notice - for notice

*/

.note, .warning, .important, .caution, .danger, .notice, .tip {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  position: relative;
  display: block;
  padding: 20px 18px 20px 60px;
  margin: 20px 0;
  margin-left: 0px !important;
  line-height: 1.4em;
  margin-right: 0px !important;
  color: rgba(16, 2, 44, 1);
}

[dir="rtl"] .note, [dir="rtl"] .warning, [dir="rtl"] .important, [dir="rtl"] .caution, [dir="rtl"] .danger, [dir="rtl"] .notice, [dir="rtl"] .tip {
  padding: 20px 65px 20px 18px;
}

.note::before, .warning::before, .important::before, .caution::before, .danger::before, .notice::before, .tip::before {
  font-weight: 900;
  font-family: 'FontAwesome';
  margin-right: 15px;
  font-size: 20px;
  position: absolute;
  left: 20px;
  top: 22px;
  vertical-align: middle;
}

[dir="rtl"] .note::before, [dir="rtl"] .warning::before, [dir="rtl"] .important::before, [dir="rtl"] .caution::before, [dir="rtl"] .danger::before, [dir="rtl"] .notice::before, [dir="rtl"] .tip::before {
  margin-right: 0;
  margin-left: 15px;
  left: 0px;
  right: 20px;
}

.note {
  background: rgba(0, 128, 0, 0.16);
}

.note::before {
  content: '\f040';
  color: rgb(0, 128, 0);
}

.warning {
  background: rgba(255, 165, 0, 0.16);
}

.warning::before {
  content: '\f071';
  color: rgb(255, 165, 0);
}

.important {
  background: rgba(0, 128, 0, 0.16);
}

.important::before {
  content: '\f06a';
  color: rgb(0, 128, 0);
}

.caution {
  background: rgba(238, 235, 59, 0.16);
}

.caution::before {
  content: '\f071';
  color: rgb(255, 232, 26);
}

.tip {
  background: rgba(78, 190, 228, 0.16);
}

.tip::before {
  content: '\f0d0';
  color: rgb(78, 190, 228);
}

.danger {
  background: rgba(255, 0, 0, 0.16);
}

.danger::before {
  content: '\f071';
  color: rgb(255, 0, 0);
}

.notice {
  background: rgba(78, 190, 228, 0.16);
}

.notice::before {
  content: '\f05a';
  color: rgb(78, 190, 228);
}

.warning>*, .note>*, .important>*, .caution>*, .notice>*, .danger>*, .tip>* {
  margin-left: 0px;
  -webkit-margin-before: 0;
  padding-left: 0;
  padding-bottom: 0;
  padding-right: 40px;
}

[dir="rtl"] .warning>*, [dir="rtl"] .note>*, [dir="rtl"] .important>*, [dir="rtl"] .caution>*, [dir="rtl"] .notice>*, [dir="rtl"] .danger>*, [dir="rtl"] .tip>* {
  padding-left: 40px;
  padding-right: 0px;
}

/***alerts****/

/* ---knowledge base tree---  */

.tree-container {
  margin: 40px 0 0;
}

.tree-border {
  border: 1px solid #ddd;
  border-radius: 4px;
  margin: 10px 0;
}

.tree-container .tree-item-link {
  padding: 13px 13px 13px 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

[dir="rtl"] .tree-container .tree-item-link {
  padding: 15px 0 15px 15px;
}

.tree-container .tree-item-link.accordion-category-title {
  padding-left: 15px;
  border-bottom: 1px solid #ddd;
}

[dir="rtl"] .tree-container .tree-item-link.accordion-category-title {
  padding-right: 15px;
  padding-left: 0;
}

.tree-item-link:active {
  text-decoration: none;
}

.section-tree-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.25rem;
  margin: 0 -15px;
}

@media (min-width: 768px) {
  .section-tree-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.section-tree-list .section {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  padding: 0 15px;
}

.tree-items {
  margin-bottom: 10px;
}

.tree-item-title {
  margin-right: 10px;
}

.section-tree-item-title {
  font-size: 16px;
}

.tree-container .section {
  margin-bottom: 20px;
}

[dir="rtl"] .tree-item-title {
  margin-left: 10px;
  margin-right: 0;
}

.section-tree-item-title, .tree-item-title {
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
}

.section-tree-item-title {
  border-bottom: 1px solid #eee;
  padding: 0 0 12px;
  margin-bottom: 21px;
}

.section-tree-item-title a, .tree-item-title a, .section-tree-item-title, .tree-item-title, .tree-item-link, .section-tree-item-title {
  color: rgba(16, 2, 44, 1);
  word-break: break-word;
}

.tree-container .see-all-articles {
  display: block;
  padding: 15px 0;
  background: none;
}

[dir="rtl"] .tree-container .article-list, [dir="rtl"] .tree-container .see-all-articles {
  padding-left: 0;
  padding-right: 15px;
}

.tree-container .article-list.accordion-article-list, [dir="rtl"] .tree-container .article-list.accordion-article-list, .tree-container .accordion-see-all-link.see-all-articles, [dir="rtl"] .tree-container .accordion-see-all-link.see-all-articles {
  padding-left: 0;
  padding-right: 0;
}

.tree-container .article-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  border: 0;
  margin-bottom: 8px;
}

.tree-container .article-list-item a {
  color: rgba(124, 82, 255, 1);
}

.tree-container ul.article-list li.article-promoted span {
  margin-right: 5px;
}

[dir="rtl"] .tree-container ul.article-list li.article-promoted span {
  margin-right: 0;
  margin-left: 5px;
}

.tree-container ul, .full-knowledge-base ul, [dir="rtl"] .tree-container ul, [dir="rtl"] .full-knowledge-base ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.section-tree-list i.category-empty {
  padding: 15px;
}

.section-tree-list i.section-empty {
  top: 8px;
  position: relative;
  font-size: 14px;
  font-weight: 300;
  padding-left: 15px;
}

[dir="rtl"] .section-tree-list i.section-empty {
  padding-left: 0;
  padding-right: 15px;
}

.section-tree-list i.section-empty.accordion-section-empty, [dir="rtl"] .section-tree-list i.section-empty.accordion-section-empty {
  padding-left: 0;
  padding-right: 0;
}

.tree-container .icons-wrapper {
  position: absolute;
  right: 15px;
  vertical-align: middle;
  top: 30%;
}

[dir="rtl"] .tree-container .icons-wrapper {
  left: 0;
  right: auto;
}

.tree-container .icons-wrapper i {
  font-size: 15px;
  vertical-align: middle;
}

.tree-items a.active .fa-angle-down {
  display: none;
}

.tree-items a.active .fa-angle-up {
  display: block;
  line-height: 25px;
}

.hide {
  display: none;
}

.tree-item-link:hover {
  text-decoration: none;
}

.tree-container .icons-wrapper .fa-angle-up {
  display: none;
}

.section h2.tree-item-title {
  margin-bottom: 0;
  text-align: left;
}

.tree-container .article-list li:before {
  display: none;
}

/* ---knowledge base tree---  */

/* ---Custom Styling--- */
.site-header-tabs {
    font-size: 15px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    margin-top: 12px !important;
}
.site-header-tabs li {
	padding-right: 0 !important;
}
.site-header-tabs i {
	margin-right: 4px;
}

.navigation a {
  /*color: #8dbb37 !important;*/
}.navigation a:hover {
  color: #0071ff !important;
}

.primary-button {
  border-width: 1px;
  border-style: solid;
  border-color: #0071ff;
  border-radius: 2px;
  background: #0071ff;
  color: white !important;
  text-decoration: none !important;
}
.primary-button:hover {
  background: #003d7a !important;
  border-color: #003d7a;
}

.primary-button i {
    margin-left: 4px;
    font-size: 24px;
    line-height: 0;
    top: -2px;
    position: relative;
    vertical-align: sub;
}

.header li {
    padding-left: 15px;
    padding-right: 15px;
}

.header-search-icon {
    position: absolute !important;
    z-index: 102;
    max-height: 40px;
  	background: url("https://www.visiblethread.com/wp-content/themes/velocity/img/tiles/search.png?x67441") no-repeat;
  
    top: 2px;
    border-radius: 100px;
    background-position: center;
    padding: 24px !important;
    right: -10px;
}

.header-search-icon:hover {
  background-color: #efefef !important;
}

.blocks-item-divider {
    width: 100%;
}

#btnsx-13980 .btnsx-icon-img {
    position: absolute;
    top: 8px;
    bottom: 0px;
    left: 68px;
    right: 0px;
}
.signInHeaderButton img {
    width: 20px;
}
.signInHeaderButton:hover {
  color: #0071ff !important;
}

.help-home i {
	margin-right: 4px;
}

.search-container h1 {
    font-size: 38px !important;
    line-height: 48px !important;
    font-weight: 400;
}
.search-container h1, .search-container h2, .search-container p {
    margin-left: 34px;
}
.search-container h1 .sub-header {
    font-weight: 200;
}
.search-container h1 .sub-header {
    font-size: 20px;
    display: block;
    line-height: 30px !important;
    margin-top: 16px;
    margin-bottom: 12px;
}
.search-container {
    border-bottom: 4px solid #533FFB;
}
.search-container td {
  border:none;
}
.lhs-border {
    width: 3px;
    position: absolute;
    top: 40px;
    bottom: 50px;
    background: #9398a0;
}

.blocks-list li {
  z-index: 1;
}
.blocks-list .bg {
    position: absolute;
    background: #f2f2f2;
    top: 0;
    z-index: 0;
    bottom: 0px;
    left: -1000px;
    right: -1000px;
}

body {
    overflow-x: hidden;
}

.big-buttons {
	background: #f5f5f5;
  padding-top: 30px;
  position: relative;
}
.big-buttons li a {
  background: white;
  width: 100%;
  margin: auto;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.big-buttons li a:hover {
  /*background: #f8f8f8;*/
}
.big-buttons li a h4 {
    background: #ededed;
    display: inline-block;
    padding: 10px;
    border-radius: 4px;
}
.big-buttons li a:hover h4 {
  background: #ddd;
  color: #0071ff;
}
.big-buttons .blocks-item.custom {
  max-width: 35% !important;
}
.big-buttons .blocks-item.custom img {
    width: 100%;
}

.small-buttons {
  margin-top: 24px;
  text-align: center;
}
.small-buttons a img, .small-buttons a h4 {
  display: inline-block;
  width: auto;
  position: relative;
}
.small-buttons a img {
    margin-right: 4px !important;
    width: 42px;
    height: 42px;
    padding: 4px;
    vertical-align: middle;
}
.small-buttons li.blocks-item.custom {
  max-width: 20%;
  height: 50px;
  float: left;
}

.hide-articles {
  display:none;
}
.main-index {
    min-height: 0px;
}
.additional-help, .index-content {
    /*margin-top: 0px;*/
}

.secondary-button {
    padding: 8px 8px;
    background: white;
    border: 1px solid #0071ff;
    color: #0071ff !important;
}
.secondary-button:hover {
  background: #0071ff;
  text-decoration: none;
  color: white !important;
}
.submit-a-request {
  margin: 0px 6px !important;
}

.navigation .primary-button {
    width: auto;
    display: inline-block;
    padding: 8px;
    margin: 6px 0px !important;
}
.navigation .primary-button:hover {
  color: white !important;
}
.navigation li {
    margin-top: 4px;
}
.navigation .login {
  display: inline-block !important;
  vertical-align: baseline;
  float: left;
}

.user-info {
  float: left;
}
.user-info img {
    max-width: 32px;
    border-radius: 100px;
}

.article-list li {
    line-height: 2;
}

/* Mega menus */
li:hover .megamenu {
  display: block;
}

.navigation .megamenu {
  border-top: 2px solid #0071ff;
  z-index: 100;
}
.solutions-products-megamenu .megamenu {
    width: auto;
    left: 0;
    right: auto;
}
.navigation ul ul.sub-menu, .navigation .megamenu {
    border-top-color: #9ac252 !important;
}
@media only screen and (min-width: 1200px)
.navigation .megamenu {
    width: 1170px;
}
.navigation .megamenu {
    position: absolute;
    display: none;
    /*width: 1170px;*/
    height: auto;
    right: -50px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 50px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 50px 0px rgba(0, 0, 0, 0.2);
    border-top: 2px solid #13C0DF;
    padding: 20px 30px;
    padding-bottom: 0;
    padding-right: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.navigation .megamenu ul.sub-menu {
    float: left;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: 0;
    top: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 220px;
    width: 220px;
    margin-right: 20px;
    padding-bottom: 20px;
}

.navigation ul ul.sub-menu {
    min-width: 120px;
}
.navigation ul ul.sub-menu {
    border-top: 2px solid #0071ff;
}
.navigation ul ul.sub-menu, .navigation .megamenu {
    border-top-color: #9ac252 !important;
}
.navigation ul ul.sub-menu {
    min-width: 160px !important;
}
.navigation ul ul.sub-menu {
    border-radius: 0px;
    padding: 0;
    position: absolute;
    padding-top: 0px;
    padding-bottom: 0px;
    min-width: 179px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 50px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 50px 0px rgba(0, 0, 0, 0.2);
    border-top: 2px solid #13C0DF;
}
.navigation ul ul.sub-menu {
    display: none;
}
.navigation ul {
    z-index: 100;
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin: 0px;
}
.megamenu-item {
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
}

.navigation ul ul.sub-menu li.menu-item:first-child {
    margin-top: 8px;
}

.navigation ul.sub-menu li.menu-item.megamenutitle {
    font-size: 17px;
    font-weight: 700;
    background: none;
    padding: 0 !important;
    border: 0 !important;
    margin-bottom: 16px;
    margin-top: 4px;
}
.navigation ul ul.sub-menu li.menu-item {
    border: none !important;
}
.navigation ul ul.sub-menu li.menu-item {
    float: none;
    position: relative;
    border-bottom: 1px solid #eee !important;
}
.navigation ul li.menu-item {
    float: left;
    font-weight: 400;
    border-bottom: none;
    text-decoration: none;
}
.solutions-megamenu-link {
    background: url(https://www.visiblethread.com/wp-content/uploads/solutions.svg) no-repeat !important;
    background-size: 18px !important;
    background-position: left center !important;
}

.navigation .megamenu ul.sub-menu li.menu-item.megamenutitle a.menu-link {
    padding-top: 6px !important;
    padding-bottom: 5px !important;
}

.navigation .megamenu ul.sub-menu li.menu-item.megamenutitle a.menu-link {
    padding-left: 0px !important;
}
.navigation ul.sub-menu li.menu-item.megamenutitle a.menu-link, .navigation ul.sub-menu li.menu-item.megamenutitle a.menu-link:visited {
    font-size: 17px;
    font-weight: 700;
    background: none;
    padding: 0 !important;
    border: 0 !important;
}
.navigation .megamenu ul.sub-menu li.menu-item a.menu-link, .navigation .megamenu ul.sub-menu li.menu-item a.menu-link:visited {
    padding: 5px 20px !important;
    padding-left: 0px !important;
}
.navigation ul ul.sub-menu li.menu-item a.menu-link, .navigation ul ul.sub-menu li.menu-item a.menu-link:visited {
    float: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    background: #fff;
    padding: 5px 20px !important;
    padding-top: 6px !important;
    border-top: 0 !important;
    color: #111 !important;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.navigation ul ul.sub-menu li.menu-item a.menu-link, .navigation .megamenu ul.sub-menu li.menu-item a.menu-link {
    padding-top: 7px !important;
    padding-bottom: 6px !important;
}
.navigation .megamenu ul.sub-menu li.menu-item a.menu-link {
    padding-left: 24px !important;
}
.navigation ul ul.sub-menu li.menu-item a.menu-link {
    font-size: 13px;
}
.navigation ul li.menu-item.current-menu-item a.menu-link, .navigation ul li.menu-item.current-menu-ancestor a.menu-link {
    color: #8cb841;
    padding-bottom: 28.5px;
    padding-top: 30.5px;
}
.navigation ul li.menu-item.current-menu-item a.menu-link, .navigation ul li.menu-item.current-menu-ancestor a.menu-link {
    border-top-color: #8ab837 !important;
}
.navigation ul li.menu-item.current-menu-item a.menu-link, .navigation ul li.menu-item.current-menu-ancestor a.menu-link {
    padding-top: 32px;
    padding-bottom: 32px;
}
.menu-item-object-page .menu-link:hover {
    color: #13c0df !important;
    border-bottom: none;
    text-decoration: none;
    cursor: pointer;
}
.navigation ul li.menu-item a.menu-link, .navigation ul li.menu-item a.menu-link:visited {
    float: left;
    font-weight: 600;
    color: #111;
    font-size: 13px;
    line-height: 15px;
    border-bottom: none;
    text-decoration: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    padding-top: 34px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}
.navigation ul li.menu-item a.menu-link {
    width: auto;
}
.megamenutitle .menu-link {
    font-weight: 600 !important;
}
.navigation .menu-link {
    font-weight: 300 !important;
}
.mainmenu .demoicon {
    font-size: 15px;
    line-height: 13px;
    margin-right: 25px;
}
.megamenu li {
    width: 100%;
}
.navigation .megamenu ul.sub-menu li.menu-item a.menu-link {
    padding: 5px 20px 5px 10px !important;
}