/*!
 * Theme Name: Obscu Zendesk Theme (with license)
 * Version: Version: 4.0.1
 * Author: Customer Support Theme
 * Website: https://customersupporttheme.com
 * License: You must have a valid license purchased only from customersupporttheme.com in order to legally use the theme for your project.
 * Copyright: © 2018 Customer Support Theme
*/

/*==========================================*/
/* Base Starts 
/*==========================================*/
 @charset "utf-8";
 body {
     font-family: 'Noto Sans',sans-serif;
}
 body.helpcenter-enable {
     height: 100%;
     font-family: 'Noto Sans',sans-serif;
    /*font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    */
    /* Remove comment and use Zendesk default Fonts */
     display: flex;
     min-height: 100vh;
     flex-direction: column;
}
 main {
     flex: 1 0 auto;
}
 body img, body iframe {
     max-width: 100%;
}
 body a, body a:hover, body a:focus {
     outline: 0;
     font-family: 'Noto Sans',sans-serif;
     text-decoration: none;
     color: #0093d0;
     webkit-transition: all 250ms ease-in-out;
     -moz-transition: all 250ms ease-in-out;
     -o-transition: all 250ms ease-in-out;
     -ms-transition: all 250ms ease-in-out;
     transition: all 250ms ease-in-out;
}
 p:empty {
     display: none;
}
 body ul, body ol {
     list-style-type: none;
     padding-left: 0;
     margin-bottom: 0;
}
 body pre {
     white-space: normal;
}
 table {
     border-collapse: collapse;
     text-align: left;
     width: 100%;
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
}
 body th {
     border-width: 1px 0;
     white-space: nowrap;
}
 body td, body th {
     padding: 12px;
     border: 1px solid #ddd;
}
 ::-webkit-scrollbar {
     width: 6px;
     height: 5px;
}
 ::-webkit-scrollbar-track {
     background: rgba(0, 0, 0, 0.1);
}
 ::-webkit-scrollbar-thumb {
     background: #0093d0;
}
::selection {
    background-color: #cce2ff;
    color: rgba(0,0,0,.8);
}
/*==========================================*/
/* Base End 
/*==========================================*/
/*==========================================*/
/* Header Start 
/*==========================================*/
 .header {
     background-color: #ffffff;
     border-bottom: 5px solid #0093d0;
     font-family: 'Noto Sans',sans-serif;
}
 .header-inner {
     padding-top: 10px;
     padding-bottom: 10px;
     font-family: 'Noto Sans',sans-serif;
}
 .logo img {
     max-width: 175px;
     display: inline-block;
     padding-top: 10px;
     padding-bottom: 10px;
}
 body .btn, body .btn a {
     background-color: #00a0e3;
     font-family: 'Noto Sans',sans-serif;
     color: #ffffff;
     font-size: 0.9em;
}
 @media all and (max-width: 767px) {
     .navbar-header .navbar-toggle {
         border-color: #0093D0;
         border-radius: 0;
         margin-top: -30px;
         position: relative;
         top: -14px;
    }
     .navbar-toggle span {
         background-color: #0093d0;
    }
     ul.primary-menu-list-wrap li + li:before {
         content: "";
    }
     .header nav.user-nav {
         float: none;
         display: block;
    }
     .main-menu {
         width: 100%;
    }
     body h3 {
         font-size: 18px;
    }
     .header .mobile-user-info {
         display: inline-block !important;
         float: right;
         margin-right: 80px;
    }
     .header .mobile-user-info a.login {
         color: #0093D0;
         position: relative;
         top: 10px;
    }
     #user #user-name {
         display: none;
    }
}
 body .btn:hover, body .btn:focus, .btn:after {
     color: #fff;
}
 header .nav>li>a:focus, header .nav>li>a:hover {
     background-color: #fff;
}
 ul.primary-menu-list-wrap > li > a {
     color: #0093D0;
     font-weight: 600;
     font-size: 15px;
     display: inline-block;
}
 .hero-unit {
    /*For Gradiant use this remove comment*/
    /*background-image: url(//theme.zdassets.com/theme_assets/1335304/25272d896720ee204468f9e55770fc738f0466be.png), linear-gradient(-150deg, #50D393 0%, #00b4b3 97%);
    */
    /*Only For Banner use this remove comment*/
    /*background-image: url(//theme.zdassets.com/theme_assets/1335304/25272d896720ee204468f9e55770fc738f0466be.png);
    */
    /*background-size: cover;
    */
     background-color: #0093d0;
}
/*==========================================*/
/* Header End 
/*==========================================*/
/*==========================================*/
/* Home Start 
/*==========================================*/
 h1.help-center-name {
     font-size: 50px;
     color: #fff;
}
 .hero-unit > .container {
     padding: 30px 0 80px 0px;
}
 .help-center-details {
     margin: 0 auto;
     max-width: 450px;
     color: #fff;
     font-size: 1.15em;
}
 .hc_search {
     padding: 0 10px;
}
 @media all and (min-width: 767px) {
     .hc_search {
         padding: 0;
    }
}
 .hero-unit form {
     margin: 20px auto;
     max-width: 650px;
     position: relative;
     vertical-align: middle;
     width: 100%;
}
 .search input[type="search"] {
     background-color: #f9f9f9;
     border: 1px solid #e6e6e6;
     border-radius: 5px;
     height: 51px;
     padding-left: 20px;
     padding-right: 20px;
     width: 100%;
}
 form.search input[type="submit"] {
     border: medium none;
     height: 49px;
     overflow: hidden;
     position: absolute;
     right: 1px;
     top: 1px;
     vertical-align: middle;
     background: #fcB034;
     padding: 0 15px;
     border-radius: 4px;
     color: #fff;
     font-size: 1.2em;
}
 ul.category-list, ul.quick-article-block {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
}
 ul.category-list li, .quick-article-block > section {
     display: flex;
     flex: 1 0 270px;
     justify-content: center;
     padding: 20px;
     background: #ffffff;
     margin: 15px;
     align-items: center;
}
 ul.category-list li {
     border: 1px solid #d5d5d5;
     transition: border-color .3s;
}
 ul.category-list li:hover, ul.category-list li:focus {
     border-color: #0093d0;
}
 .quick-article-block > section {
     background: #eef3f6;
     justify-content: flex-start;
     display: block;
}
 ul.category-list li h3 {
     font-size: 1.3em;
     font-weight: 600;
     color: #5f5f5f;
     margin-top: 0;
     display: inline-block;
     vertical-align: middle;
     line-height: 1.5;
}
 ul.category-list li span {
     display: inline-block;
}
 ul.category-list li span i {
     font-size: 2.5em;
     color: #0093d0;
     vertical-align: sub;
     margin-right: 5px;
}
 ul.category-list li p {
     color: #959595;
}
 .padding {
     padding: 40px 0;
}
 .heading-main {
     font-size: 1.6em;
     color: #595959;
}
 .question-controls, .answer-controls {
     float: right;
}
 .question-controls a, .answer-controls a {
     font-size: 12px;
}
 .home-category-blocks {
     background: #eef3f6;
}
 .quick-article-block ul > li a:before {
     content: "\f0f6";
     font-family: 'FontAwesome';
     position: absolute;
     left: 0;
     color: #0093d0;
}
 .recent-activity-item-time, .recent-activity-item-comment {
     display: inline-block;
}
 .recent-activity-item-comment > span {
     font-weight: 800;
     color: #0093d0;
}
 .recent-activity ul li > a.recent-activity-item-parent:before {
     content: "\f0e5";
}
 .recent-activity-item-link {
     color: #0093d0;
     font-weight: 500;
     display: block;
}
 .quick-article-block ul > li a, .article-sidebar ul li a, .searchbox-suggestions ul li a {
     color: #454545;
}
 .quick-article-block ul > li {
     position: relative;
     padding: 6px 0 6px 20px;
     font-size: 1.1em;
}
 .quick-article-block h3, .quick-article-block h2 {
     font-size: 1.4em;
     margin-top: 0;
     font-weight: 600;
}
 .language-selector .dropdown-toggle:after {
     color: #0093D0;
}
 .article-sidebar section:first-child h3 {
     margin-top: 0;
}
 .article-sidebar section h3 {
     font-size: 1.4em;
     font-weight: 600;
}
/*==========================================*/
/* Home Ends 
/*==========================================*/
/*==========================================*/
/* Breadcrumb Start 
/*==========================================*/
 section.breadcrumb {
     padding: inherit;
     background-color: transparent;
     border-bottom: 1px solid #ddd;
}
 ol.breadcrumbs {
     padding: 15px 5px;
}
 ol.breadcrumbs li:first-child a:before {
     content: "\f015";
     padding-right: 3px;
     font-family: 'FontAwesome';
}
 .breadcrumbs > li, .pagination li {
     display: inline-block;
}
 .breadcrumbs li + li:before {
     content: "\f105";
     font-family: 'FontAwesome';
     padding: 0 5px;
     color: #0093d0;
}
 .breadcrumbs > li a {
     color: #757575;
}
 .breadcrumbs > li:last-child a {
     color: #757575;
}
/*==========================================*/
/* Breadcrumb End 
/*==========================================*/
/*==========================================*/
/* Footer Start 
/*==========================================*/
 footer.hc_footer {
     background-color: #0093d0;
     margin-top: 30px;
     color: #fff;
}
 .footer_legal {
     padding-top: 20px;
     padding-bottom: 40px;
}
 .hc_footer h3, .hc_footer ul li a, .hc_footer a:hover {
     color: #ffffff;
}
 .hc_footer a:hover {
     text-decoration: underline;
}
 .footer-legal {
     background-color: #ffffff;
     color: #959595;
     padding: 15px 0;
     font-size: 0.9em;
}
 .footer-legal a, .footer-legal a:hover, .footer-legal a:focus {
     color: #959595;
}
 .footer_legal li {
     padding: 4px 0;
}
 .footer-legal p {
     margin-bottom: 0;
}
 .footer-legal ._cst, .footer-legal ._cst a {
     color: #cccccc;
     font-size: 0.9em;
}
 .hc_footer h3:after {
     content: "";
     background: #fff;
     height: 2px;
     display: block;
     margin-top: 10px;
     max-width: 50px;
}
 .language-selector a.dropdown-toggle {
     border: 2px solid #fff;
     padding: 6px 12px;
     border-radius: 4px;
}
 .social li i {
     font-size: 2em;
}
 .hc_footer .social {
     margin-bottom: 10px;
}
/*==========================================*/
/* Footer End 
/*==========================================*/
/*==========================================*/
/* Categort , Secction , Article Starts 
/*==========================================*/
 h2.hc_title:after {
     display: block;
     content: "";
     height: 2px;
     width: 70px;
     background: #0093d0;
     margin: 10px 3px;
     position: relative;
}
 .section-with-article-block {
     background: #ececec;
     border: 1px solid #ececec;
     padding: 20px;
     margin: 15px 0;
}
 #user img {
     width: 17px;
     border-radius: 100%;
}
 .btn.dropdown-toggle:after {
     color: #fff;
}
 .section-template .hc_title {
     display: table-cell;
     width: 100%;
}
 .section-template .hc-subscribe {
     display: table-cell;
}
 ul.article-list > li, .article-sidebar section > ul > li, .searchbox-suggestions ul li {
     padding: 5px 22px;
     position: relative;
     font-size: 1.1em;
     line-height: 2;
}
 @media only screen and (min-width: 768px) and (max-width: 1200px) {
     .article-sidebar section > ul > li {
         font-size: 1em 
    }
     body h3 {
         font-size: 18px;
    }
}
 .article-sidebar section > ul > li {
     padding-top: 5px;
     padding-bottom: 5px;
     line-height: 1.6;
}
 .searchbox-suggestions ul li {
     padding-left: 20px;
}
 h3.article-head {
     font-weight: 600;
     margin-bottom: 20px;
}
 ul.article-list > li:before, .article-sidebar section > ul > li:before, .searchbox-suggestions ul li a:before {
     content: "\f0f6";
     font-family: 'FontAwesome';
     position: absolute;
     left: 0;
     color: #0093d0;
}
 .description, ul.article-list > li a {
     color: #959595;
}
 .section-tree h3 {
     margin-top: 0;
}
 .section-tree h3 a {
     color: #333;
}
 .section-tree .section {
     display: inline-block;
     float: none;
     margin: -2px;
     vertical-align: top;
}
 li.article-promoted span {
     color: #ffca4c;
}
 a.see-all-articles {
     margin-top: 10px;
     display: block;
     background: #fcb034;
}
 .comment-form-controls {
     text-align: right;
     margin-top: 10px;
}
 .body-color {
     background-color: #eef3f6;
     padding: 1px 15px;
}
 .hero-unit.body-color {
     margin-bottom: 40px;
}
 ul.attachments li:first-child {
     padding-top: 25px;
}
 .accordion-toggle {
    /*overflow: hidden;
    */
     display: inline-block;
}
 .comment-body, .answer-text, .question-body p {
     word-wrap: break-word;
     word-break: break-word;
}
 .article-voting {
    border-top: 2px solid #ddd;
    padding: 15px;
    margin-top: 4%;
    border: 2px solid #ddd;
    margin-left: -15px;
    margin-right: -15px;
    background: #fff;
    font-weight: 600;
}
 .article-vote {
     display: inline-block;
}
 .article-sidebar section > ul {
     padding-left: 0;
}
 .article-user-info img {
     width: 50px;
     width: 50px;
     display: inline-block;
     vertical-align: middle;
     border-radius: 100%;
     margin-bottom: 5px;
     display: none;
}
 .article-user-info {
     padding-bottom: 10px;
     margin-top: 10px;
     border-bottom: 1px solid #ddd;
     margin-bottom: 20px;
     display: none;
}
 a.article-subscribe, a.article-unsubscribe, a.question-unsubscribe, a.question-subscribe {
     float: right;
     background: #757575;
     color: #fff !important;
     padding: 6px 10px;
     border-radius: 4px;
}
 .article-user-info a {
     color: #000;
     text-transform: uppercase;
}
 span.created-date {
     font-weight: 800;
     padding-left: 3px;
}
 section.article-comments.users-comment {
     padding: 20px 0;
}
 .search-result-votes {
     background: #0093d0;
     border-radius: 2px;
     color: #FFF;
     display: inline-block;
     line-height: 1;
     margin-left: 5px;
     padding: 4px 5px;
     position: relative;
     top: -2px;
}
 .dropdown-menu[aria-expanded=true] {
     left: auto;
     right: 0;
     bottom: inherit;
}
 .dm.dropdown-menu[aria-expanded=true], .dm .dropdown-menu[aria-expanded=true] {
     left: inherit;
     right: inherit;
}
 .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;
}
 .article-body ul, .comment-body ul, .answer-text ul, .question-text ul {
     list-style-type: disc;
     padding-left: 20px;
}
 .article-body ol, .comment-body ol, .answer-text ol, .question-text ol {
     list-style-type: decimal;
     padding-left: 20px;
}
 .article-body img {
     border: 1px solid #efefef;
     padding: 4px;
}
 .article-body iframe {
     border: 2px solid #ddd;
     padding: 10px;
     background: #fff;
     box-shadow: -2px 9px 24px 0px #a5a5a5;
}
 #user {
     color: #0093D0;
     display: inline-block;
     padding: 12px 0;
     font-weight: 600;
}
 #user .with-image:after {
     color: #0093D0;
}
 .comment-actions {
     float: right;
}
 .comment-actions .dropdown-toggle:before, .community-post .dropdown-toggle:before {
     content: "\2699";
     font-size: 11px;
     font-family: "entypo";
     color: #0093d0;
}
 .community-post .question-controls .dropdown-toggle:before {
     padding-right: 5px;
}
 nav.pagination li {
     background: #757575;
     box-shadow: 4px 5px 4px 2px #efefef;
     display: inline-block;
     color: #fff;
     border-radius: 100%;
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
}
 nav.pagination li a, nav.pagination li a:hover {
     color: #ffffff;
}
 nav.pagination li:hover, nav.pagination li.pagination-current {
     background: #0093d0;
}
 nav.pagination li a nav.pagination li:hover a, nav.pagination li.pagination-current span {
     color: #fff;
}
 ul.topic-list {
     padding-left: 0;
}
 .clearfix.container > h1 {
     padding: 0px 0px 15px 0px;
}
 .request-page label {
     padding: 20px 0 10px 0px;
}
 .article-comments-inner .pagination ul {
     padding-left: 0;
     margin-bottom: 30px;
}
 .article-comments-inner .pagination ul li a {
     color: #fff !important;
}
 .visibility-internal-icon:before {
     content: "\1F512";
     display: inline-block;
     text-align: center;
}
/*==========================================*/
/* Categort , Secction , Article Ends 
/*==========================================*/
/*==========================================*/
/* Countribution starts 
/*==========================================*/
 main .general-list ul li.active {
     background-color: #0093d0;
}
 .my-activities-header {
     margin-bottom: 25px;
}
 .my-activities-nav {
     margin-bottom: 10px;
     display: inline-block;
}
 element.style {
     float: right;
     margin-right: 80px;
}
 .nav li, .nav-bordered li, .nav-spaced li {
     display: inline-block;
}
 @media all and (max-width: 480px) {
     .general-list li, #quick-search {
         width: 100%;
         margin-bottom: 2px;
    }
     .my-activities-nav {
         display: block;
    }
     .my-activities-following-header {
         margin-bottom: 10px;
    }
     .request-table-toolbar .request-table-filters {
         display: block;
         text-align: left;
         margin-top: 8px;
    }
}
 .my-activities-sub-nav {
     margin-bottom: 15px;
}
 .nav-bordered li + li {
}
 .searchbox-suggestions {
     border: 1px solid #efefef;
     min-height: 50px;
     padding: 10px 10px 0px 10px;
     border-radius: 3px;
     background: #fff;
}
 .my-activities-table > p {
     padding: 15px 0;
}
 .my-activities-table thead th {
     background: #0093d0;
     color: #fff;
}
 .my-activities-table tbody tr:nth-child(2n+1) {
     background: #eef3f6;
}
/*==========================================*/
/* Countribution end 
/*==========================================*/
 .request-table-toolbar {
     background: none repeat scroll 0 0 #f9f9f9;
     display: table;
     padding: 8px;
     width: 100%;
}
 .request-table-toolbar input {
     border: 1px solid #ABA6A6;
}
 .requests-search {
     border-radius: 20px;
     outline: medium none;
     padding: 6px 15px;
}
 .request-table-filters {
     display: table-cell;
     text-align: right;
}
 .request-table-filters label::before {
     content: " ";
     display: inline-block;
     width: 25px;
}
 .request-filter {
     padding: 6px;
     border-radius: 40px;
     outline: 0;
}
/*==========================================*/
/* Request Start 
/*==========================================*/
 .clearfix::before, .clearfix::after {
     content: " ";
     display: table;
}
 .clearfix::before, .clearfix::after {
     content: "";
     display: table;
     line-height: 0;
}
 .clearfix::after {
     clear: both;
}
 .main-column {
     width: 100%;
     float: left;
}
 .main-column > p {
     margin-top: 20px;
}
 .comment-list {
     margin-bottom: 25px;
     padding-left: 0;
}
 .comment-list > *:first-child {
     border-top: 1px solid #ddd;
}
 .comment, .comment-form {
     display: table;
     table-layout: fixed;
     width: 100%;
}
 .comment-list > * {
     border-bottom: 1px solid #ddd;
     padding: 15px 0;
}
 .comment-avatar {
     position: relative;
     width: 55px;
}
 .comment > *, .comment-form > * {
     display: table-cell;
     vertical-align: top;
}
 .comment-avatar img {
     height: 38px;
     width: 38px;
     border-radius: 100%;
}
 .comment > *, .comment-form > * {
     display: table-cell;
     vertical-align: top;
}
 .comment-published, .comment-pending, .comment-official {
     float: right;
     font-size: 11px;
}
 .request-details {
     background: #f6f6f6;
     border: 1px solid #eeeeee;
     border-radius: 3px;
     font-size: 12px;
     margin: 0 0 15px;
     padding: 15px 20px;
}
 .request-details dd {
     margin: 2px 0 0;
     word-wrap: break-word;
}
 .request-details dt ~ dt {
     margin-top: 15px;
}
 span.request-status {
     background: #0093d0;
     color: #fff;
     padding: 2px 10px;
     border-radius: 30px;
}
 .req-page button, .req-page [role="button"], .req-page [type="button"], .req-page [type="submit"], .req-page #user .dropdown-toggle {
     background: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 50%, #ededed 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
     border-radius: 3px;
}
 .req-page button, .req-page [role="button"], .req-page [type="button"], .req-page [type="submit"] {
     background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
     border: 1px solid rgba(0, 0, 0, 0.17);
     border-radius: 2px;
     box-shadow: 0 -2px rgba(0, 0, 0, 0.03) inset;
     color: #252525;
     cursor: pointer;
     display: inline-block;
     font-size: 12px;
     font-weight: normal;
     height: 33px;
     line-height: 31px;
     padding: 0 10px;
     position: relative;
     transition: opacity 300ms ease 0s;
     vertical-align: middle;
     white-space: nowrap;
}
 .comment, .comment-form {
     display: table;
     table-layout: fixed;
     width: 100%;
}
 .comment, .comment-form {
     padding-bottom: 15px;
     position: relative;
}
 .comment-form textarea {
     border: 1px solid #ddd;
     width: 100%;
     padding: 10px;
}
 .comment-attachments {
     border: 1px solid #dddddd;
     margin-top: -1px;
     padding: 10px;
}
 .upload-dropzone {
     background: #fff;
     border: 2px dashed #ddd;
}
 .upload-dropzone span::before {
     content: "";
     font-family: "entypo";
     font-size: 30px;
}
 section.form-column {
     width: 100%;
}
 .form {
     background: #f5f5f5;
     padding: 25px 20px;
     margin-top: 10px;
}
 body textarea, input[type="text"] {
     width: 100%;
     border-color: #ddd;
}
 textarea {
     min-height: 100px;
}
 .form footer {
     padding-top: 30px;
     text-align: right;
}
 .form-field {
     margin-top: 10px;
}
 a.nesty-input {
     min-height: 35px;
     line-height: 35px;
}
 a.nesty-input:hover, a.nesty-input:focus {
     color: #333;
}
 section.main-column h1 {
     font-size: 1.8em;
}
 h1.request-page {
     margin-top: 0;
}
/*==========================================*/
/* Request End 
/*==========================================*/
/*==========================================*/
/* Search Result Starts 
/*==========================================*/
 .search-results-subheading {
     font-size: 1.2em;
     padding: 16px 14px;
     background-color: #f5f5f5;
     font-weight: 600;
}
 .search-results-list, .support-resources ul {
     padding: 0;
}
 .search-result {
     border-bottom: 1px solid #ececec;
     padding: 20px 10px;
}
 .search-result-link, .search-result-link:hover {
     color: #444444;
     font-size: 1.2em;
     font-weight: 400;
}
 .search-result-meta, .search-result-meta a {
     color: #888;
     padding-bottom: 10px;
     padding-top: 10px;
     font-size: 0.9em;
}
span.search-result-meta-name,
.search-result-meta-time {
    margin-right: 5px;
} 
.search-result-description {
     padding: 10px 20px 0 0;
     color: #959595;
}
 .search-result-description em {
     background: #efefef;
     color: #333;
     font-weight: 600;
}
 .articles .glyphicon {
     padding-left: 4px;
}
/*==========================================*/
/* Search Result Ends 
/*==========================================*/
/*==========================================*/
/* Community Starts 
/*==========================================*/
 .post-to-community a::before {
     content: "✎";
     font-family: "entypo";
     font-size: 14px;
     margin-right: 10px;
     vertical-align: middle;
}
 .page-header > * {
     display: table-cell;
     vertical-align: middle;
}
 .page-header > *:first-child, .topic-filters, h3.question-heading {
     width: 100%;
}
 .topic-header, .question-header {
     border-bottom: 1px solid #ddd;
     padding-bottom: 15px;
     margin-bottom: 20px;
}
 .topic-filters > * {
     margin-right: 20px;
}
 .topic-header > *, .question-header > * {
     display: table-cell;
     vertical-align: middle;
}
 .topic-header .topic-meta, .question-header .question-meta {
     padding: 0 15px;
     white-space: nowrap;
}
 .post-actions .dropdown-toggle:before {
     margin-right: 5px;
}
 .comment-avatar-agent:after, .question-avatar-agent::after, .answer-avatar-agent::after {
     background-color: transparent;
     background-image: url("//theme.zdassets.com/theme_assets/1335304/823f3892f5e99cb9eda4a864e6089407e4553d9b.png");
     background-image: url("//theme.zdassets.com/theme_assets/1335304/b7b159357f6a1f0630bade7816c85d4c27c808a2.svg");
     background-repeat: no-repeat;
     background-size: 15px;
     content: " ";
     height: 15px;
     left: 30px;
     position: absolute;
     top: 20px;
     width: 15px;
}
 .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: 0px 0 25px;
}
 .question-topic-list li {
     display: inline-block;
    /*margin: 10px 10px 0 0;
    */
}
 .question-topic-list a {
     background: #ddd;
     border-radius: 5px;
     color: #444;
     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;
     text-align: center;
}
 .vote-sum {
     min-width: 60px;
     text-align: center;
     min-height: 35px;
     width: 92%;
}
 .vote-sum, .vote-controls {
     display: inline-block;
     vertical-align: middle;
}
 .vote-controls {
     border-radius: 5px;
}
 .community-post .vote-controls a {
     padding: 10px;
}
 .article-vote-controls {
     display: inline-block;
}
 .article-voting ul.share {
     float: right;
     margin-top: -5px;
}
 .article-vote-controls a {
     color: #333;
     padding: 4px 6px;
     border-radius: 3px;
}
 .article-vote-controls a.article-vote-up.article-voted {
     color: #78A300;
}
 .article-vote-controls a.article-vote-down.article-voted {
     color: #dd4a3a;
}
 .article-vote-controls a:hover {
     color: #0093d0;
}
 a.article-vote-up.article-voted {
     color: #78A300;
}
 a.article-vote-down.article-voted {
     color: #DD4A3A;
}
 a.article-vote-up:before, .vote-up::before {
     content: "\1f44d";
     font-family: "entypo";
}
 a.article-vote-down:before, .vote-down::before {
     content: "\1f44e";
     font-family: "entypo";
}
 .vote-controls:hover a {
     background: none repeat scroll 0 0 #ffffff;
     border-color: #a6a6a6;
     color: #bbbbbb;
}
 .question-avatar, .answer-avatar {
     display: table-cell;
     margin-right: 10px;
     min-width: 50px;
     position: relative;
     vertical-align: top;
}
 .question-avatar img, .answer-avatar img {
     max-height: 38px;
     max-width: 38px;
     border-radius: 100%;
}
 .question-body, .answer-body, .answer-official-body {
     display: table-cell;
     vertical-align: top;
     width: 100%;
}
 .question-title, .topic-title {
     font-size: 18px;
     margin-top: 0;
}
 .question-title > a, .topic-title > a {
     color: #333;
}
 .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;
}
 .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;
}
 .topic-meta span + span::before, .question-meta span + span::before, .answer-meta span + span::before {
     content: "•";
     font-size: 10px;
     margin: 0 10px;
}
 .question-share, .answer-share {
     position: relative;
}
 .share-label {
     cursor: pointer;
}
 .share-label + .share::before {
     border-bottom: 7px solid #cccccc;
     border-left: 7px solid rgba(0, 0, 0, 0);
     border-right: 7px solid rgba(0, 0, 0, 0);
     margin-left: -6px;
     top: -7px;
}
 .share-label + .share::before, .share-label + .share::after {
     content: "";
     display: inline-block;
     left: 50%;
     position: absolute;
}
 .share-label + .share::after {
     border-bottom: 6px solid #ffffff;
     border-left: 6px solid rgba(0, 0, 0, 0);
     border-right: 6px solid rgba(0, 0, 0, 0);
     margin-left: -5px;
     top: -6px;
}
 .share-label + .share::before, .share-label + .share::after {
     content: "";
     display: inline-block;
     left: 50%;
     position: absolute;
}
 .share-label[aria-selected="false"] + .share {
     display: none;
}
 .share-label + .share {
     background: none repeat scroll 0 0 #ffffff;
     border: 1px solid #dddddd;
     box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
     left: 50%;
     line-height: 70px;
     margin: 10px 0 0 -75px;
     position: absolute;
     text-align: center;
     top: 100%;
     white-space: nowrap;
     width: 175px;
     z-index: 1;
     padding: 0;
}
 .share li, .share a {
     display: inline-block;
}
 .share a::before {
     border-radius: 2px;
     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: 30px;
     line-height: 29px;
     overflow: hidden;
     vertical-align: middle;
     width: 30px;
}
 .share li, .share a {
     display: inline-block;
}
 input[type="checkbox"] + label {
     display: inline-block;
     margin-left: 5px;
}
 lable {
     font-size: 12px;
}
 .community-sub-nav {
     position: relative;
     width: 100%;
}
 .topic-list .topic {
     display: inline-block;
     padding: 20px 30px 20px 0;
     vertical-align: top;
     float: none;
     margin: -3px;
}
 .question-meta, .answer-meta, .topic-meta {
     color: #cccccc;
     font-size: 11px;
}
 .community-post .question-meta, .community-post .answer-meta {
     margin-top: 10px;
}
 #new_question {
     padding: 30px 10px;
}
 #new_question input {
     margin-bottom: 2px;
}
 #new_question textarea {
     border-color: #efefef;
     margin-bottom: 15px;
}
 h2.request-heading {
     font-size: 1.7em;
     text-transform: capitalize;
}
 section.related-questions {
     background: rgba(239, 239, 239, 0.25);
     padding: 10px 2px 27px 25px;
     line-height: 1.8em;
}
 section.related-questions ul, .community-sub-nav ul, ul.question-list {
     padding-left: 0;
}
 textarea#answer_body {
     height: 100px;
     padding: 12px;
     border: 1px solid #efefef;
}
 .error-page a {
     display: inline-block;
     margin-top: 15px;
}
 .tag {
     font-size: 6em;
     font-weight: 800;
     color: #0093d0;
     text-shadow: 2px 1px #d6d6d6;
     font-family: cursive;
}
 .form-column > h1, h1.search-results-heading {
     color: #757575;
     margin-top: 10px;
     padding-bottom: 15px;
     font-size: 1.8em;
}
 .community-nav > ul, .community-sub-nav > ul {
     border-bottom: 1px solid #ddd;
     padding: 0px 0 20px 0;
}
 .community-sub-nav > ul.inner-navigation {
     margin-left: 0;
}
 form#new_question .form-field input, form#new_question .form-field textarea {
     border: 1px solid #ddd;
     margin-bottom: 5px;
     min-height: 35px;
}
 form#new_question .form-field input, .form-field input {
     border: 1px solid #ddd;
     margin-bottom: 5px;
     min-height: 35px;
     border-radius: 3px;
     padding: 0 10px;
}
 textarea#question_details, #request_description {
     min-height: 120px;
     border: 1px solid #ddd;
     padding: 10px;
}
 .form-field.required > label:after {
     content: "*";
     color: red;
     margin-left: 2px;
}
 .form label {
     font-weight: inherit;
}
 body .community-header {
     margin-top: 10px;
     border-color: #ddd;
}
/*==========================================*/
/* Community Ends 
/*==========================================*/
/*==========================================*/
/* User Profiles Start 
/*==========================================*/
 .profile-contribution .comment-link {
     margin-right: 5px;
}
 .profile-header {
     padding: 30px 0;
     background-color: #f8f8f8;
}
 .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 {
     flex-basis: 100%;
     border: solid 1px #0093d0;
     border-radius: 4px;
     color: #0093d0;
     padding: 5px 20px;
     font-size: 12px;
     text-align: center;
}
 .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;
}
 @media (min-width: 768px) {
     .profile-private-badge {
         flex-basis: auto;
    }
}
 .profile-nav {
     background-color: #f2f2f2;
     border: 0;
     margin-bottom: 20px;
     padding: 20px 0;
}
 .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;
}
/*==========================================*/
/* User Profiles Ends 
/*==========================================*/
/* ====================================================*/ 
/* things to hide at start up 
/*==================================================== */
 a[href$='requests/new'], a.submit-a-request, .my-activities, #user-menu .my-activities {
     display: none;
}
 .video-container {
     position:relative;
     padding-bottom:56.25%;
     padding-top:30px;
     height:0;
     overflow:hidden;
}
 .video-container iframe, .video-container object, .video-container embed {
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
}
 .login, .user-info {
     margin-left: 20px;
     display: none;
}
 .user-nav .login {
     display: none;
}
 .hidden-xs .login {
     display: none;
}
 @media all and (max-width: 767px) {
     .article-sidebar {
         margin-top: 25px;
    }
     body h1 {
         font-size: 25px;
         font-family: 'Noto Sans',sans-serif;
    }
     h1.help-center-name {
         font-size: 50px;
         font-weight: bold;
    }
     .header-inner {
         padding-bottom: 0;
    }
}