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

html, body {
    height:100%;
    background-color: #fff;
    font-family: 'Lato', sans-serif;
	  /*  font-family: $font_1  */

}
 
img, iframe {
    max-width: 100%;
}
body a {
    outline:0;
    color: rgba(28, 28, 28, 1);
}

body a:hover, body a:focus {
    outline:0;
    text-decoration:none;
    transition:100ms all ease-in-out 0s;
    color: #333;
}

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-padding {
    padding-left: 0px;
}
body .no--padding {
    padding-right: 0px;
}

.head-wrapper {
  background-image: url('//theme.zdassets.com/theme_assets/563151/b23db09066646287e0b9c490ddf2374e42e7e7dc.jpg');
  height: 300px;
}
a.see-all-articles, .wrapper-column .left-col > ul > li > a:hover,
.left-side-category-list li a.active {
    background-color: rgba(44, 38, 38, 1);
}

.main > .search-container, footer.footer {
    background-color: rgba(28, 28, 28, 1);
}
.main-index {min-height: 700px;}

/*.top-btns {
    float:right;
    min-width: 200px;
}*/

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

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

#user #user-name {max-width: 100px;}

.language-selector {
    display: inline-block;
    background: #c7c7c7;
    padding: 11px 10px 11px 10px;
    border-radius: 3px;
    color: #525252;
        margin: 2px 0;
        margin-right: 5px;
}
.language-selector a {
        color: #525252;
}

.top-btns .user-info .dropdown-toggle img {
    width:32px;
}
.top-btns .user-info #user-dropdown {
    left:inherit;
}
.top-btns .submit-a-request, .top-btns .login {
    margin-right: 5px;
    background-color: #c7c7c7;
    padding: 11px 10px 13px 10px;
    color: #525252;
    outline: 0;
    border-radius: 3px;
    display: inline-block;
        margin-top: 2px;
        margin-bottom: 2px;
}

.top-btns .logo {
	      display: inline-block;
        margin-top: 2px;
        margin-bottom: 2px;
}

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

.logotext {
  color: #FF9800;
}

.logo img {
    max-width: 358px;
    height: 45px;
}

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

nav.user-nav > a {
    color: #525252;
    font-size: 1em;
    font-weight: 600;
    padding: 0 10px;
}
nav.primary-menu > .container
{
    padding-left:5px;

}
.nav > li > a:hover, .nav > li > a:focus {
    background-color: #fff;
    text-decoration: none;
}

nav.user-nav > a.active, nav.user-nav > a:hover {
    color: #000000;
    font-weight:600;
}
nav > .container > .main-menu
{
    padding:0;
}
nav > .container > .main-menu > ul > li > a
{
    color:#525252;
    font-size:1em;
    font-weight:500;
}
nav > .container > .main-menu > ul > li > a:hover, nav > .container > .main-menu > ul > li.active a
{
    color:#000000;
}

.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; */
}
.primary-menu .main-menu {
    padding-left: 0;
}
.main {
 /*   border-top: 1px solid #888; */
   /* padding-top: 15px; */
}

/* old search container refereence at top of page */
.main > .search-container {
    padding: 80px 0;
    text-align: center;
}

/* replacement search container in header */
.head-wrapper > .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;
}

.copyright-section p {
    color: #888;
    font-size: 0.85em;
    font-weight: 400;
    text-align: center;
}
.copyright-section p a {color: #fff;}
.search-container form {
    margin: 0 auto;
    max-width: 700px;
    position: relative;
    width: 100%;
}
.search-container form > input[type="search"] {
    border: 1px solid;
    border-radius: 20px;
    color: #212121;
    font-size: 1.4em;
    font-weight: 300;
    height: 60px;
    padding: 10px 20px;
    position: relative;
    width: 100%;
    outline: none;
}
.search-container form > input[type="submit"] {
    background-repeat: no-repeat;
    background-position: center center;
    border-color: #525252;
    border-radius: 0 20px 20px 0;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    cursor: pointer;
    display: inline-block;
    height: 60px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: 999px;
    top: 0;
    vertical-align: top;
    width: 10%;
    -webkit-appearance:none;
}
.home-wrapper .container {
    text-align:center;
}
.home-wrapper ul {
    display:inline-block;
    padding:20px 0px ;
}
.home-wrapper ul > li {
    border:solid 1px #e5e5e5;
    background:  #e5e5e5; /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(236,236,236,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#ececec',GradientType=0 ); /* ie6-9 */
    border: 1px solid #e5e5e5;
    border-radius: 80%;
    float: left;
    height: 168px;
    line-height: 30px;
    margin: 0 30px;
    padding: 25px;
    text-align: center;
    width: 168px;
    margin-bottom: 30px;
}
.home-wrapper ul > li > a > img {padding-top: 10px;}
.home-wrapper ul > li > a > span {
    display: block;
    font-size: 0.95em;
    line-height: 15px;
    padding: 12px 8px;
    color:#525252;
}
.home-wrapper ul > li > a > span:hover
{
    color:#ff9800;
}

.contact-us-1 > h2 {
    color: #ff9800;
    font-size: 2.4em;
    font-weight: 400;
    margin: 0;
}

.contact-us-1 > p
{
    color:#252525;
    font-size:.95em;
    font-weight:400;
}

.contact-us-2 > a
{
    background-color:#ff9800;
    border:solid 0px #ff9800;
    padding:10px 20px;
    color:#fff;
    outline: 0;
    line-height: 1.42857143;
    display: inline-block;
    border-radius: 4px;
}

.contact-us-2 > a:hover
{
    background-color:#333;
    border:solid 0px #ff9800;
    color:#fff;
}


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

.article-wrapper {
    background-color: #f5f5f5;
    padding: 5px 15px;
   
}
.solution-container > .component-wrap > h3 {
    color:#252525;
    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 {
    font-size: 1.1em;
    font-weight: 400;
}

.solution-container > .article-wrapper > .promoted-articles > ul > li > a:hover
{
    color:#ff9800;
}

.solution-container > .article-wrapper > ul > li > p,
.solution-container > .article-wrapper > .promoted-articles > ul > li > p {
    color: #616161;
    font-size: 1.1em;
    font-weight: 400;
}
.solution-container > .component-wrap {
    padding:0px 15px;
}
.article-wrapper section.promoted-articles ul li {
  list-style-type: disc;
  color: #ff9800;
  padding: 5px 0;
}
.article-wrapper section.promoted-articles ul {
    padding-left: 15px;
}




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

.solution-container > .article-wrapper > .recent-articles > ul > li > a:hover
{
    color:#ff9800;
}

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

.article-wrapper section.recent-articles ul li {
  list-style-type: disc;
  color: #ff9800;
  padding: 5px 0;
}
.article-wrapper section.recent-articles ul {
    padding-left: 15px;
}


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

a.recent-activity-item-parent {

  display: block;
}


.recent-activity-item-time, .recent-activity-item-comment {
    display: inline-block;
}
.solution-container > .article-wrapper > h3
{
    color:#252525;
    font-weight: 400;
}
.breadcrumbs  ol.breadcrumb {
        background-color:#e5e5e5;
        padding: 15px 0 0px 0;
        margin-bottom: 15px;
}
.breadcrumbs .breadcrumb > li + li:before {
    color: #2c2c2c;
    content: "/ ";
    padding: 0;
        display: inline-block;
}
.breadcrumbs .breadcrumb > li > a {
    color: #2c2c2c;
    font-size: 0.9em;
    font-weight: 400;
        text-transform: capitalize;
}
.breadcrumbs > li > a, .breadcrumbs > li {
    display: inline-block;
}
.breadcrumbs {
    background-color: #e5e5e5;
        margin-bottom: 20px;
}

.contributions-page > .container {padding-left: 0;}

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

.section-wrapper ul {
    color: #7d7d7d;
    list-style-type: inherit;
    padding-left: 15px;
}

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

.section-wrapper ul > li > a {
    color: rgba(28, 28, 28, 1);
    font-size: 1.1em;
    font-weight: 400;
}
.section-wrapper ul > li > a:hover
{
    color:#ff9800;
}
.category-wrapper ul > li > h1,
h1.search-result-title {
    color:#5b5b5b;
    font-size:1.6em;
    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,
.category-wrapper ul > li.category > .section-tree-with-article > ul > li.section, .section-tree .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(44, 38, 38, 1);
    padding-left: 17px;
}

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

}
.section-tree .section h3 a {
    color:#5b5b5b;
}
.category-wrapper ul > li.section > .article-list > li
{
    padding:5px 0;
}
.category-wrapper ul > li.section > .article-list > li > a, .section-tree .section ul li a {
    color: rgba(28, 28, 28, 1);
    font-size:1.2em;
}
.category-wrapper ul > li.section > .article-list > li > a:hover, .section-tree .section ul li a:hover {
    color:#ff9800;
}
.category-wrapper ul > li.section > .article-list {
    color: #7d7d7d;
    list-style-type: initial;
    padding-left: 15px;
}
a.see-all-articles { 
  color: #fff;
  padding: 10px;
  display: inline-block;
}

.section-tree .section ul.article-list {
  padding-bottom: 5%;
}
.wrapper-column .left-col {
    float: left;
    padding-right: 15px;
    width: 25%;
}

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

.wrapper-column .left-col > ul > li {
    background-color: #f0f0f0;
    margin-bottom: 3px;
}

.wrapper-column .left-col > ul > li > a {
    color: #2d2d2d;
    display: block;
    font-size: 1.2em;
    font-weight: 400;
    padding: 10px 35px;
    text-transform: uppercase;
    width: 100%;
}

.wrapper-column .left-col > ul > li.active a
{
    background-color:#ff9800;
    color:#fff;
}

.wrapper-column .left-col > ul > li > a.active,
.wrapper-column .left-col > ul > li > a:hover, .left-side-category-list li a.active {
    color:#fff;
}

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

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

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

.wrapper-column .right-col > ul > li > a {
    color: #7d7d7d;
    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 {
    color: #2c2c2c;
    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(44, 38, 38, 1);
    border-radius: 3px;
    color: #fff;
    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-vote-up:hover,
.wrapper-column .right-col > .article-query a.article-vote-down:hover
{
    background-color:#777777;
}
.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 {
    font-size: 1.2em;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 5px;
}

.search-results-list .search-result .search-result-meta {
    font-size: 1.05em;
}
.search-result-description {padding: 10px 0 5px 0px;}
.search-result-meta a {color: #5b5b5b;}

.search-results-list .search-result .search-result-meta time + a,
.search-results-list .search-result .search-result-meta time + a + a,
.search-results-list .search-result .search-result-meta time + a + a + a,
.search-results-list .search-result .search-result-meta time + a + a + a + a,
.search-results-list .search-result .search-result-meta time + a + a + a + a + a,
.search-results-list .search-result .search-result-meta time + a + a + a + a + a + a,
.search-results-list .search-result .search-result-meta time + a + a + a + a + a + a + a {
    font-weight:bold;
    color: #777;
}

.error-page {
    min-height:300px;
}
.error-page h1 {text-transform: uppercase;}
.error-page img {
  padding: 5% 0px 2% 0px;
}
.error-page a {
    color: rgba(44, 38, 38, 1);
}
/* 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 {
    color: #000000;
    font-size: 20px;
    font-weight: normal;
}
.breadcrumbs li + li::before {
    content: ">";
    margin: 0 4px;
}
.my-activities-nav {
    margin-bottom: 50px;
    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;
}
.my-activities-sub-nav {margin-bottom: 15px;}
.nav-spaced li + li {margin: 0 0 0 40px;}
table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}
body th {
    border-width: 1px 0;
    color: #bebebe;
    font-size: 11px;
    font-weight: normal;
    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 */
.request-id, .comment-published {
    color: #bebebe;
}
.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: 85px;
}
.comment > *, .comment-form > * {
    display: table-cell;
    vertical-align: top;
}
.comment-avatar img {
    border-radius: 3px;
    max-height: 65px;
    max-width: 65px;
}
.comment-published::before {
    content: " ";
    display: inline-block;
    width: 5px;
}
.comment-published {
    color: #bebebe;
}
.comment-published, .comment-pending, .comment-official {
    border: 1px solid rgba(0, 0, 0, 0);
    float: right;
    font-size: 11px;
    padding: 1px 5px;
}
.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(44, 38, 38, 1);
    border: solid 0px #eee;
    padding: 10px 20px;
    color: #fff;
    outline: 0;
    line-height: 1.42857143;
    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: #333;
    border: solid 0px #eee;
    color: #fff;
}

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 {
    border: 1px solid #dddddd;
    margin-top: -1px;
    padding: 10px;
}

.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: #d1d1d1;
    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 30px;
    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 #dddddd;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  padding: 5px 10px;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  background-color: rgba(44, 38, 38, 1);
  color: #fff !important;
}

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: 505px;
}
.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(44, 38, 38, 1);
    border-color: rgba(0, 0, 0, 0);
    color: #ffffff;
    padding: 5px 30px;
}
.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 {font-weight: normal;}
.topic-header, .question-header {
border-bottom: 1px solid #eeeeee;
display: table;
padding-bottom: 10px;
}
.topic-heading, .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 {
color: #cccccc;
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;
color: #cccccc;
display: inline-block;
font-size: 11px;
padding: 7px 15px;
}
.vote {
display: table-cell;
margin-left: 15px;
margin-right: 10px;
min-width: 95px;
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;
}
.vote-up::before {
    content: "";
    font-family: 'entypo';
}
.vote-down::before {
    content: "";
    font-family: 'entypo';
}
.vote-controls:hover a {
background: none repeat scroll 0 0 #ffffff;
border-color: #a6a6a6;
color: #bbbbbb;
}
.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: 3px;
max-height: 38px;
max-width: 38px;
}
.question-body, .answer-body, .answer-official-body {
display: table-cell;
vertical-align: top;
width: 100%;
}
.question-title, .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"] {margin-left: 15px;}
ul.share {
    display: inline;
}
ul.share li {
    display: inline-block;
}
.accordion-topics .panel-title > a, .community-accordion .panel-title > a {
color: #888;
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 {clear:both;display:block;margin:20px 0;}
.question-share ul li {display: inline-block;font-size:11px;}


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

.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: 20px;}
.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(44, 38, 38, 1);
  color: #fff;
}
.community-nav li+li+li+li {float: right;}

/* 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 {
  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 */

.con-table tr th + th, .con-table tr td + td {
    text-align: center;
}
.answer-controls {
    float: right;
}
.answer-controls a + a {
    margin-left: 15px;
}
.comment-body, .answer-text, .question-body p {
    word-wrap: break-word;
    word-break: break-word;
}
.my-activities-table {
    overflow-x: auto;
}
.question .vote {
    padding-bottom: 20px;
}
.searchbox-suggestions ul li {
    padding: 10px 0px 5px 2px;
    list-style: none;
}
.searchbox-suggestions ul li a {
    color: #333;
    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;
}
div#user {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;
  color: #666767;
}
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: #fff;}
nav.pagination ul li, nav.pagination ol li {
  background: rgba(44, 38, 38, 1);
  padding: 4px 10px;
  box-shadow: 4px 5px 4px 2px #efefef;
  display: inline-block;
  color: #fff;
}
nav.pagination ul li a, nav.pagination ol li a {
  font-weight: 500;
  color: #fff;
}
nav.pagination li.pagination-current {
    background: #000;
}
.search-result-votes {
  background: rgba(44, 38, 38, 1);
  border-radius: 2px;
  color: #FFF;
  display: inline-block;
  line-height: 1;
  margin-left: 5px;
  padding: 4px 5px;
  position: relative;
  top: -2px;
}
.search-result-votes:before {
  content: "\1F44D";
  font-family: "entypo";
  margin-right: 3px;
}
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;
}
a.article-subscribe, a.article-unsubscribe,
a.question-unsubscribe, a.question-subscribe {
  float: right;
  background: #ff9800;
  color: #fff !important;
  padding: 7px;
  border-radius: 3px;
  font-size: 0.9em;
}
.article-body {
    overflow-x: auto;
}
.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 p > a {
  text-decoration:underline;
   background: #faead3;
}

/* Show bold links with background colour */
.article-body p > strong > a {
  text-decoration:underline;
   background: #faead3;
}

.article-body p > a:hover{
  text-decoration:underline;
 background: #ff9800;
}

/* Show bold links with background colour on hover */
.article-body p > strong > a:hover {
  text-decoration:underline;
   background: #ff9800;
}

.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-body ul a {
  text-decoration:underline;
  background: #faead3;
}
.article-body ol a {
  text-decoration:underline;
  background: #faead3;
}
.article-body table a {
  text-decoration:underline;
  background: #faead3;
}
.article-body ul a:hover {
  text-decoration:underline;
  background: #ff9800;
}
.article-body ol a:hover {
  text-decoration:underline;
  background: #ff9800;
}
.article-body table a:hover {
  text-decoration:underline;
  background: #ff9800;
}
.powered-by-zendesk, span.share-label {
    display: none;
}
.article-attachments {
    padding-top: 10px;
}
.article-attachments li a {
    color: rgba(44, 38, 38, 1);
    font-weight: 600;
}

.search-result-description em {
  background-color: #ff9800;
  color: #fff;
  padding: 4px 5px;
}
/* Responsive CSS */

@media only screen and (min-width : 200px) and (max-width : 319px) {
  header > .header-inner > .logo > a > img {
    width:200px;
  }
}

@media all and (max-width:480px) {
  nav.primary-menu > .container {
    padding-left:15px;
  }
  .main > .additional-help .column-left > h2 {
    color: #ff9800;
    font-size: 1.8em;
  }
  .main > .additional-help .column-left > p {
    color: #252525;
    font-size: 0.9em;
  }
  nav.user-nav > a {
    color: #525252;
    display: inline-block;
    font-size: 1em;
    font-weight: 600;
    margin: 5px 0;
    padding: 0 15px;
  }
  .solution-container > .component-wrap > h3 {
    font-size: 1.5em;
  } 
  .article-wrapper {
    background-color: #f5f5f5;
    padding: 5px 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}
  .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;
  }
  .home-wrapper ul > li {
    border: 1px solid #e5e5e5;
    border-radius: 80%;
    display: block;
    float: none;
    height: 160px;
    line-height: 30px;
    margin: 20px 25px;
    padding: 25px;
    text-align: center;
    width: 160px;
  }
  .login-btn {
    font-size: 0.813em;
  }
  .wrapper-column .left-col > ul > li > a {
    color: #2d2d2d;
    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 > p {
    font-size: 0.9em;
  }
  .wrapper-column .right-col > ul > li > h3 {
    font-size: 1em;
  }
  .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) {
  .home-wrapper ul > li {
    border: 1px solid #e5e5e5;
    border-radius: 80%;
    display: inline-block;
    float:none;
    height: 160px;
    line-height: 30px;
    margin: 20px 40px;
    padding: 25px;
    text-align: center;
    width: 160px;
    vertical-align: top;
  }
  footer > .footer-inner > .social-share > ul > li > a {
    display: inline-block;
    height: 27px;
    overflow: hidden;
    text-indent: 999px;
    width: 28px;
  }
  footer > .footer-inner > .important-links > ul > li > a {
    font-size: 0.8em;
    padding: 0 3px;
  }
  .copyright-section p {
    color: #888;
    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 : 769px) and (max-width : 1200px) {
  .home-wrapper ul > li {
    border: 1px solid #e5e5e5;
    border-radius: 80%;
    display: inline-block;
    float: left;
    height: 160px;
    line-height: 30px;
    margin: 15px 5px;
    padding: 25px;
    text-align: center;
    width: 160px;
  }
}

@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 > .container {
    padding-left:15px;
  }
  footer.footer {
    display: block;
    padding: 5px 0 5px;
    vertical-align: middle;
    text-align: center;
  }
  nav > .container > .main-menu {
    padding-left:15px;
    padding-right:15px;
  }
  .main-menu a.btn {
    background-color: #ff9800;
    border: 0 solid #ff9800;
    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 {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
  .wrapper-column .right-col {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:15px;
    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: flex;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .profile-header .container {
        flex-wrap: nowrap;
    }
}
.profile-header .profile-info {
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
}
.profile-avatar {
    position: relative;
    line-height: 0;
    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: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 0;
}
.profile-header .basic-info .name {
    margin: 0;
}
.profile-header .options {
    display: flex;
    flex-basis: 100%;
    margin-top: 12px;
    align-items: flex-start;
    flex-wrap: wrap;
}
.profile-header .options:not(:last-child) {
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .profile-header .options {
        flex-wrap: nowrap;
        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;
    flex-basis: 100%;
    word-break: break-all;
    word-break: break-word;
}
.profile-stats {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
}
.profile-stats .stat {
    display: flex;
    margin-bottom: 10px;
}
.profile-stats .stat-label {
    font-weight: 800;
    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;
        flex-direction: row;
    }
}
@media (min-width: 768px) {
    .profile-stats-activity .stat {
        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 {
        flex: 0 1 auto;
    }
}
.profile-stats-counters {
    border-bottom: solid 1px #ddd;
}
@media (min-width: 768px) {
    .profile-stats-counters {
        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 {
        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 {
        flex-direction: column;
    }
}
@media (min-width: 1024px) {
    .profile-stats-counters .stat {
        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 {
        flex: 0 1 auto;
    }
}
@media (min-width: 1024px) {
    .profile-stats-counters .stat-label {
        flex: 0 0 100px;
    }
}
.profile-private-badge {
    border: solid 1px rgba(28, 28, 28, 1);
        background: rgba(28, 28, 28, 1);
    border-radius: 4px;
    color: rgba(33, 33, 33, 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(28, 28, 28, 1);
    color: #fff !important;
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid rgba(28, 28, 28, 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 {
        flex-basis: auto;
    }
}
.profile-nav {
    background-color: #f2f2f2;
    border: 0;
    margin-bottom: 20px;
}
.profile-section {
    width: 100%;
}
.profile-section-header {
    display: flex;
    flex-wrap: wrap;
}
.profile-section-title {
    flex-basis: 100%;
    margin-bottom: 0;
    margin-top: 0;
}
.profile-section-description {
    flex-basis: 100%;
    padding: 10px 0;
    font-weight: 800;
    font-size: 13px;
}
@media (min-width: 768px) {
    .profile-section-description {
        flex: 1 0 auto;
        padding-bottom: 0;
    }
}
.profile-section-sorter {
    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 {
        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: flex;
    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: #fff;
    background-position: 50% 50%;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #ccc;
    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;
    flex-direction: column;
    padding: 0;
}
@media (min-width: 768px) {
    .collapsible-nav-list {
        flex-direction: row;
    }
}
.collapsible-nav-list li[aria-selected=true] {
    order: 0;
    position: relative;
}
.collapsible-nav-list li {
    line-height: normal;
    margin-right: 30px;
    display: inline-block;
}
.meta-group {
    display: flex;
    flex-wrap: wrap;
}

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

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