/*
  Template Name: Makem Liva
  Version: v3.0.3
  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
*/

/***** Note *****/

/*
  START: SureCloud specific extensions
*/
table.surecloud-table-function {
		border: 1px solid #BFBFBF;
    width: calc(100% - 4px);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
    border-collapse: collapse;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 1.5em;
}
table.surecloud-table-function th {
    background-color: #F7F7F7;
    font-family: monospace;
    border: 1px solid #E9E9E9;
}
table.surecloud-table-function td {
    padding-top: 8px;
    padding-bottom: 8px;
    border: 1px solid #E9E9E9;
    vertical-align: top;
}
table.surecloud-table-function td pre {
    border: 0px;
    padding: 0px;
    margin: 0px;
    background-color: #FFF;
}
/*
  END - SureCloud specific extensions
*/

.callout {
 		background-color: #fcf4b9;
    padding: 10px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

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

html,
body {
  height: 100%;
  background-color: #FFFFFF !important;
  color: #2e2e2e !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, 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(83, 176, 201, 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: #FFFFFF;
  padding: 10px 0;
}

.left-side-category-list li a.active a.see-all-articles,
.wrapper-column .left-col>ul>li>a:hover {
  background-color: $color_5;
}

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

footer.footer {
  background-color: #2e2e2e;
}

.main>.search-container {
background-image:URL(/hc/theming_assets/01HZKZXHG9K6AZPBNBPDTRB1HY);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}

.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 {
  max-width: 70px;
}

@media(max-width:400px) {
  #user #user-name {
    display: none;
  }
}

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

.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: #525252;
}
.header{
  min-height:70px;
}

header .logo {
  display: inline-block;
  float: left;
  top: 0.5em;
}

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

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

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

nav.user-nav>a {
  color: #525252;
  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: #1f1f1f;
}

.main-menu>nav>ul>li>a:hover,
.main-menu>nav>ul>li>a:focus {
  background-color: transparent;
  text-decoration: underline;
}

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

.main-menu>nav>ul>li>a {
  color: #525252;
  font-size: 1em;
}

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

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

nav.primary-menu {
  padding-bottom: 15px;
}

nav.menu {
  padding-bottom: 15px;
}

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

.main>.search-container {
  padding: 80px 0;
  text-align: center;
}

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

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

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

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

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

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

.search-container form>input[type="search"] {
  border: 1px solid #2e2e2e;
  border-radius: 60px;
  color: #2e2e2e;
  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(147, 23, 53, 1);
  background-repeat: no-repeat;
  background-position: center center;
  border-color: #2e2e2e;
  border-radius: 0 50px 50px 0;
  border-style: solid solid solid none;
  border-width: 1px 1px 1px 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: 15%;
  -webkit-appearance: none;
}

.home-wrapper .container {
  text-align: center;
  }

.home-wrapper ul {
  display: inline-block;
  padding: 20px 0px 0;
}

.home-wrapper ul>li {
  line-height: 30px;
  margin: 0 5px;
  padding: 25px;
  text-align: center;
  width: 204px;
  margin-bottom: 15px;
  display: inline-block;
  vertical-align: top;
  border-style: solid;
  border-width: 2px;
  
  -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4);
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4);
  

  
}

.home-wrapper ul>li>a>img {
  padding-top: 10px;
}

.home-wrapper ul>li>a>span, .home-wrapper h3 {
  display: block;
  font-size: 1.5em;
  line-height: 15px;
  padding: 12px 8px;
  color: rgba(147, 23, 53, 1);
}

.home-wrapper ul>li:hover .block-hover-icon {
  display: block;
  margin: 0 auto;
}

.home-wrapper ul>li i {
  font-size: 5.5em;
  vertical-align: middle;
}

.home-wrapper ul>li:hover {
  background-color: rgba(147, 23, 53, 1);
}

.block-hover-icon,
.home-wrapper ul>li:hover .block-icon {
  display: none;
}

.home-wrapper ul>li:hover * {
  color: rgba(243, 243, 243, 1);
  text-decoration: none;
}

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

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

.additional-help .column-right>a:hover {
  background-color: #671025;
  color: rgba(243, 243, 243, 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 {
  padding: 5px 15px;
}

.solution-container>.component-wrap>h3 {
  color: #2e2e2e;
  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: #2e2e2e;
  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;
}

.solution-container>.component-wrap {
  padding: 0px 15px;
}

.article-wrapper section.promoted-articles ul {
  border: 1px solid #dddddd;
  padding-left: 25px;
}

.article-wrapper section.promoted-articles ul li {
  list-style-type: disc;
  padding: 10px 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: #2e2e2e;
  font-weight: 400;
  padding: 10px 0;
}

.solution-container>.component-wrap>ul>li>a,
.solution-container section.recent-articles ul li a {
  color: #2e2e2e;
}

.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: #2e2e2e;
  content: "/ ";
  padding: 0;
  display: inline-block;
}

.breadcrumbs .breadcrumb>li>a {
  color: rgba(83, 176, 201, 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;
}

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

.section-wrapper ul>li>a {
  color: #2e2e2e;
  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: $color_5;
  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: #2e2e2e;
}

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

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

a.see-all-articles {
  color: #2e2e2e;
  padding: 10px;
  display: inline-block;
}

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

.wrapper-column .left-col {
  float: left;
  padding-right: 30px;
  width: 27%;
}

.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(243, 243, 243, 1);
  border: solid 1px rgba(147, 23, 53, 1);
  margin-bottom: 3px;
}

.wrapper-column .left-col>ul>li>a {
  color: rgba(147, 23, 53, 1);
  display: block;
  font-size: 1.2em;
  font-weight: 400;
  padding: 10px 35px;
  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(147, 23, 53, 1);
  color: rgba(243, 243, 243, 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(243, 243, 243, 1);
  border-radius: 3px;
  border: solid 1px rgba(147, 23, 53, 1);
  color: rgba(147, 23, 53, 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(147, 23, 53, 1);
  color: rgba(243, 243, 243, 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(83, 176, 201, 1) !important;
  font-size: 1.2em;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 5px;
}

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

.error-page a {
  color: $color_5;
}

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

.error-page h1 {
  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(147, 23, 53, 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: #616161;
}

.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(147, 23, 53, 1);
  border: solid 0px rgba(147, 23, 53, 1);
  padding: 18px 20px;
  color: rgba(243, 243, 243, 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: #671025;
  color: rgba(243, 243, 243, 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: #2e2e2e;
  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(147, 23, 53, 1);
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  padding: 5px 10px;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  background-color: rgba(147, 23, 53, 1);
  color: rgba(243, 243, 243, 1) !important;
}

.request-details+[role="button"]:hover {
  background-color: #671025;
  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(147, 23, 53, 1);
  border-color: rgba(147, 23, 53, 1);
  color: rgba(243, 243, 243, 1);
  padding: 5px 30px;
}

footer input[type="submit"]:hover {
  background-color: #671025;
  color: rgba(243, 243, 243, 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: #2e2e2e;
  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(147, 23, 53, 1);
  border-radius: 4px;
  color: rgba(243, 243, 243, 1);
  margin-left: 15px;
  padding: 6px 12px;
}

.answer-form-controls input[type="submit"]:hover {
  background-color: #671025;
  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: $color_5;
  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: #2e2e2e;
  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(83, 176, 201, 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: #525252;
}

div#user {
  color: #525252;
  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 {
  border-bottom: 1px solid #efefef;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

.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(147, 23, 53, 1);
}

nav.pagination ul li,
nav.pagination ol li {
  background: $color_5;
  padding: 4px 10px;
  -webkit-box-shadow: 4px 5px 4px 2px #efefef;
  box-shadow: 4px 5px 4px 2px #efefef;
  display: inline-block;
  color: rgba(147, 23, 53, 1);
}

nav.pagination ul li a,
nav.pagination ol li a {
  font-weight: 500;
  color: rgba(147, 23, 53, 1);
}

nav.pagination li.pagination-current {
  background: rgba(147, 23, 53, 1);
  color: rgba(243, 243, 243, 1);
}

.search-result-votes {
  background: rgba(147, 23, 53, 1);
  border-radius: 2px;
  color: rgba(243, 243, 243, 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(147, 23, 53, 1);
  padding: 6px 12px;
  border-radius: 3px;
  font-size: 0.9em;
}

a.article-subscribe,
a.question-subscribe {
  background: rgba(243, 243, 243, 1);
  color: rgba(147, 23, 53, 1);
}

a.question-unsubscribe,
a.article-unsubscribe {
  background: rgba(147, 23, 53, 1);
  color: rgba(243, 243, 243, 1);
}

a.article-subscribe:hover,
a.question-subscribe:hover {
  background: rgba(147, 23, 53, 1);
  color: rgba(243, 243, 243, 1);
  text-decoration: none;
}

a.question-unsubscribe:hover,
a.article-unsubscribe:hover {
  background: #671025;
  color: rgba(243, 243, 243, 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: $color_5;
  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;
  }
  .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: .9em;
    font-weight: 300;
  }
  .search-container form>input[type="submit"] {
    width: 25%;
  }
  .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 $color_2;
  background: $color_2;
  border-radius: 4px;
  color: $color_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: $color_2;
  color: #fff !important;
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid $color_2;
}

.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(147, 23, 53, 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: #2e2e2e;
}

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

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

.recent-activity-controls>a:hover {
  background-color: rgba(147, 23, 53, 1);
  color: rgba(243, 243, 243, 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(147, 23, 53, 1);
  border-radius: 4px;
  color: rgba(243, 243, 243, 1);
  padding: 6px 12px;
  text-decoration: none;
}

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

.recent-activity-item-meta {
  color: #616161;
  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: #2e2e2e;
}

.back-to-homepage,
.btn.new-post {
  background-color: rgba(147, 23, 53, 1);
  color: rgba(243, 243, 243, 1);
  font-weight: 500;
}

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

.topics-item .blocks-item-title {
  padding-bottom: 0;
}

.topics-item .meta-data {
  color: rgba(147, 23, 53, 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: 10px;
}

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

.community-featured-posts .promoted-articles-item>a {
  color: #2e2e2e;
  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: #2e2e2e;
}

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

.topics-item .blocks-item-title {
  font-weight: 500;
}

.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(243, 243, 243, 1);
  border: solid 1px rgba(147, 23, 53, 1);
  color: rgba(147, 23, 53, 1);
}

.topic-subscribe>.dropdown-toggle::after {
  color: rgba(147, 23, 53, 1);
}

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

.topic-subscribe>.dropdown-toggle:hover,
main a.post-unsubscribe {
  background-color: rgba(147, 23, 53, 1);
  color: rgba(243, 243, 243, 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: #2e2e2e;
  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(147, 23, 53, 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";
}

.blocks-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
}

.blocks-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(147, 23, 53, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 204px;
  flex: 1 0 204px;
  -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;
  margin: 0 0 30px;
  max-width: 100%;
  text-align: center;
  border-radius: 45px;
}

.block-icon,
.block-hover-icon {
  max-height: 87px;
  
}

.blocks-item-link {
  color: rgba(147, 23, 53, 1);
}

.blocks-item:hover,
.blocks-item:focus,
.blocks-item:active {
  background-color: rgba(147, 23, 53, 1);
}

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

.blocks-item-title {
  margin-bottom: 10px;
  margin-top: 5px;
  padding-bottom: 20px;  
}

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

.meta-group {
  display: block;
}

.meta-group * {
  display: inline;
}

.meta-data {
  color: #616161;
  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(147, 23, 53, 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: #3b0915;
  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;
}

.col-md-3 {
  width:170px !important;
}

.help-centre {
  font-weight: 500;
  font-size: 24px;
  padding-left: 25px;
  margin-top: 10px;
  border-left: solid 1px #444;
  float: left;
}

.social-share {
  float: center;
}