/***** Fonts *****/

@font-face {
    font-family: SHSN;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSN.eot");
    src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSN.eot?#iefix") format("embedded-opentype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSN.woff") format("woff"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSN.ttf") format("truetype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSN.svg#SHSN") format("svg")
}

@font-face {
    font-family: SHSNMedium;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNMedium.eot");
    src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNMedium.eot?#iefix") format("embedded-opentype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNMedium.woff") format("woff"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNMedium.ttf") format("truetype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNMedium.svg#SHSNMedium") format("svg")
}

@font-face {
    font-family: PNR;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNR.eot");
    src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNR.eot?#iefix") format("embedded-opentype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNR.woff") format("woff"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNR.ttf") format("truetype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNR.svg#PNR") format("svg")
}

@charset "UTF-8";

/***** Base *****/

* {
    box-sizing: border-box;
}

body {
    color: #464646;
    font-family: 'PNR' !important;
    font-size: 15px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

body > main {
  background: white;
}

@media (min-width: 1024px) {
    body > main {
        min-height: 65vh;
        margin: 0 auto;
    }

    #non-banner-content {
        max-width: 1440px;
        margin: 0 auto;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #06363C;
    font-family: 'SHSN' !important;
    font-weight: 400;
    margin-top: 0;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 18px;
    font-weight: 600;
}

h4 {
    font-size: 16px;
}

a {
    color: #1F73B7;
    font-family: 'PNR' !important;
    font-weight: normal;
    font-size: 15px;
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    text-decoration: underline;
}

input,
textarea {
    color: #000;
}

input {
    font-weight: 300;
    max-width: 100%;
    box-sizing: border-box;
    outline: none;
    transition: border .12s ease-in-out;
}

input:focus {
    border: 1px solid #cccccc;
}

input[disabled] {
    background-color: #ddd;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("//theme.zdassets.com/theme_assets/1/27f536d448438fdd88b4004a3223bcc153fb621d.svg") no-repeat #fff;
    background-position: right 10px center;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 30px 8px 10px;
    outline: none;
    color: #555;
    width: 100%;
}

select:focus {
    border: 1px solid #cccccc;
}

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

textarea {
    border: 1px solid #ddd;
    border-radius: 2px;
    resize: vertical;
    width: 100%;
    outline: none;
    padding: 10px;
}

textarea:focus {
    border: 1px solid #1F73B7;
}

/*.container {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
}

@media (min-width: 1160px) {
  .container {
    padding: 0;
    width: 90%;
  }
} */

.container-divider {
    border-top: 1px solid #ddd;
    margin-bottom: 20px;
}

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

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

@media (min-width: 1160px) {
    .error-page {
        padding: 0;
        width: 90%;
    }
}

.dropdown-toggle:after {
    color: inherit;
}

/***** Buttons *****/

.button,
[role=button] {
    border: 1px solid #ddd;
    color: #1F73B7;
    cursor: pointer;
    display: inline-block;
    line-height: 2.34;
    margin: 0;
    padding: 0 20px;
    text-align: center;
    transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    -webkit-touch-callout: none;
}

@media (min-width: 768px) {
    .button,
    [role=button] {
        width: auto;
    }
}

.button::after,
[role="button"]::after {
    color: #1F73B7;
}

.button:hover,
.button:active,
.button:focus,
.button[aria-selected=true],
[role=button]:hover,
[role=button]:active,
[role=button]:focus,
[role=button][aria-selected=true] {
    background-color: #f3f0ee;
    color: #1F73B7;
    text-decoration: none;
}

.button[aria-selected=true]:hover,
.button[aria-selected=true]:focus,
.button[aria-selected=true]:active,
[role=button][aria-selected=true]:hover,
[role=button][aria-selected=true]:focus,
[role=button][aria-selected=true]:active {
    background-color: #f3f0ee;
    border-color: #103c60;
}

.button[data-disabled],
[role=button][data-disabled] {
    cursor: default;
}

.button-large,
input[type=submit] {
    background-color: #1F73B7;
    border: 0;
    border-radius: 4px;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.72;
    min-width: 190px;
    padding: 0 1.9286em;
    width: 100%;
}

@media (min-width: 768px) {
    .button-large,
    input[type=submit] {
        width: auto;
    }
}

.button-large:hover,
.button-large:active,
.button-large:focus,
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus {
    background-color: #103c60;
    color: #fff;
}

.button-large[disabled],
input[type=submit][disabled] {
    background-color: #ddd;
}

.button-secondary {
    color: #073e45;
    border: 1px solid #ddd;
    background-color: transparent;
}

.button-secondary:hover,
.button-secondary:focus,
.button-secondary:active {
    color: #06363C;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
}

/***** Tables *****/

.table {
    width: 100%;
    table-layout: fixed;
}

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

.table th,
.table th a {
    color: #073e45;
    font-size: 13px;
    font-weight: 300;
    text-align: left;
}

[dir=rtl] .table th,
[dir=rtl] .table th a {
    text-align: right;
}

.table tr {
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 20px 0;
}

@media (min-width: 768px) {
    .table tr {
        display: table-row;
    }
}

.table td {
    display: block;
}

@media (min-width: 768px) {
    .table td {
        display: table-cell;
    }
}

@media (min-width: 1024px) {
    .table td,
    .table th {
        padding: 20px 30px;
    }
}

@media (min-width: 768px) {
    .table td,
    .table th {
        padding: 10px 20px;
        height: 60px;
    }
}

.article-body table {
    margin-top: 15px;
    margin-bottom: 20px;
}

.article-body table,
.articlepage th,
.articlepage td {
    border: solid 3px #FFF;
}

.article-body thead th {
    background: #f7f7f7;
    text-align: left;
    font-size: 14px;
    color: #000;
    border-top: 1px solid #dddddd;
}

.article-body th,
.articlepage td {
    padding: 4px 8px;
    padding-bottom: 20px;
}

.article-body td {
    vertical-align: top;
    padding: 5px;
}

.article-body tbody tr {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.article-body tfoot th {
    background: #4f81bd;
    text-align: left;
    font-weight: normal;
    font-size: 10px;
    color: #fff;
}

/***** Forms *****/

.form {
    max-width: 650px;
}

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

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

.form-field input {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    width: 100%;
}

.form-field input:focus {
    border: 1px solid #1F73B7;
}

.form-field input[type="text"] {
    border: 1px solid #ddd;
    border-radius: 4px;
}

.form-field input[type="text"]:focus {
    border: 1px solid #1F73B7;
}

.form-field .nesty-input {
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    outline: none;
    vertical-align: middle;
}

.form-field .nesty-input:focus {
    border: 1px solid #1F73B7;
    text-decoration: none;
}

.form-field textarea {
    vertical-align: middle;
}

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

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

.form-field p {
    color: #073e45;
    font-size: 12px;
    margin: 5px 0;
}

[data-loading="true"] input,
[data-loading="true"] textarea {
    background: transparent url("//theme.zdassets.com/theme_assets/1/6aae8ce36967837f706ac36deff4b753e43977a4.gif") 99% 50% no-repeat;
    background-size: 16px 16px;
}

.form footer {
    margin-top: 40px;
    padding-top: 30px;
}

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

.form .suggestion-list {
    font-size: 13px;
    margin-top: 30px;
}

.form .suggestion-list label {
    border-bottom: 1px solid #ddd;
    display: block;
    padding-bottom: 5px;
}

.form .suggestion-list li {
    padding: 10px 0;
}

.form .suggestion-list li a:visited {
    color: #103c60;
}

/***** Footer *****/

.footer {
    border-top: 1px solid #ddd;
    margin-top: 60px;
    padding: 30px 0;
}

.footer-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 5%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 13px;
    color: #999;
    align-items: baseline;
    letter-spacing: 0.04em;
    word-spacing: 2px
}

@media (min-width: 768px) {
    .footer-inner {
        padding: 0;
        width: 90%;
        justify-content: flex-start;
        flex-direction: row;
    }
    .footer-inner span {
        margin-right: 10px;
    }
}

.footer-inner strong {
    font-size: 14px;
    color: #555;
    padding-right: 7px;
}

.footer-inner a {
    text-decoration: underline;
    letter-spacing: 0;
    word-spacing: 0;
    font-size: 13px;
}

.footer-language-selector {
    color: #073e45;
    display: inline-block;
    font-weight: 300;
}

/***** Breadcrumbs *****/

.breadcrumbs {
    margin: 30px 0;
    padding: 0;
}

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

.breadcrumbs li {
    color: #1F73B7;
    display: inline;
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.breadcrumbs li a:visited {
    color: #1F73B7;
}

::-webkit-input-placeholder {
    text-align: center;
}

:-moz-placeholder {
    text-align: center;
}

[dir=rtl] .search input[type="search"] {
    padding-right: 40px;
    padding-left: 20px;
}

::placeholder {
    color: #BCBCBC;
}

.search:before {
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    color: #06363C;
    content: "\1F50D";
    font-size: 18px;
    position: absolute;
    left: 15px;
}

[dir=rtl] .search:before {
    left: 15px;
    right: auto;
}

.search-full input[type="search"] {

}

.search-full {
    width: 100%;
}

/***** Hero/Home Page *****/

#section1,
#section4 {
    background: #FFF;
    padding-top: 60px;
}

#section5 {
    padding: 60px 0 0 0;
    background: #f3f0ee;
}

.font54 {
    font-size: 54px !important;
    margin-bottom: 6px;
}

.header_image {
    height: 70%;
}

.mt-6 {
    margin-top: 6rem !important;
}

.p-6 {
    padding: 4rem 4rem !important;
}

.page-header {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0 20px 0;
}

@media (min-width: 768px) {
    .page-header {
        align-items: baseline;
        flex-direction: row;
        margin: 30px 0 20px 0;
    }
}

.page-header .section-subscribe {
    flex-shrink: 0;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .page-header .section-subscribe {
        margin-bottom: 0;
    }
}

.page-header h1 {
    flex-grow: 1;
    margin-bottom: 10px;
}

.page-header-description {
    font-style: italic;
    font-weight: 300;
    margin: 0 0 30px 0;
    word-break: break-word;
    flex-basis: 100%;
}

.page-header .icon-lock:before {
    content: "\1F512";
    font-size: 20px;
    position: relative;
    left: -5px;
    vertical-align: baseline;
}

.sub-nav {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 50px;
}

@media (min-width: 768px) {
    .sub-nav {
        align-items: center;
        flex-direction: row;
    }
}

@media (min-width: 768px) {
    .sub-nav input[type="search"] {
        min-width: 410px;
        height: 45px;
    }
}

.sub-nav input[type="search"]:after {
    font-size: 15px;
}

.bg-dark {
    background-color: #f3f0ee !important;
}

@media (max-width: 425px) {
    .search-header .title {
        top: 10px;
        line-height: 1.2;
        white-space: inherit;
    }
}

/***** Product Icon Panes *****/

#support-svg:hover {
    background: #f6f6f6;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    border-left: solid 3px #78A300;
}

#chat-svg:hover {
    background: #f6f6f6;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    border-left: solid 3px #F79A3E;
}

#explore-svg:hover {
    background: #f6f6f6;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    border-left: solid 3px #30AABC;
}

#guide-svg:hover {
    background: #f6f6f6;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    border-left: solid 3px #EB4962;
}

#talk-svg:hover {
    background: #f6f6f6;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    border-left: solid 3px #EFC93D;
}

#connect-svg:hover {
    background: #f6f6f6;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    border-left: solid 3px #EB6651;
}

.develop-icon:hover, .cross-product-icon:hover {
  background: #f6f6f6;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

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

.option-links {
    margin: 70px 0;
}

.option-links a {
    text-align: center;
    text-transform: uppercase;
    color: #1F73B7;
    font-size: 20px;
    padding-top: 25px;
    -webkit-font-smoothing: antialiased;
    text-decoration: none !important;
}

.option-links a:hover .option-title {
    text-decoration: underline;
}

.option-links .option-container {
    border-right: 1px solid #eaeaea;
    padding: 0;
}

.option-links .option-container:last-child {
    border-right: none;
}

.option-title a:focus {
    outline: none !important;
}

@media (max-width: 768px) {
    .option-links .option-container {
        padding: 15px;
        border-right: none;
        border-bottom: 1px solid #eaeaea;
    }
    .option-links .option-container:last-child {
        border-bottom: none;
    }
}

.left-icon,
.center-icon,
.right-icon {
    background-image: url("/hc/theme_assets/1/200156848/chat-line-art-sprite.png");
    margin-left: auto;
    margin-right: auto;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

.left-icon {
    background-position: -1px 5px;
    height: 67px;
    width: 47px;
}

.center-icon {
    background-position: -55px 0;
    height: 68px;
    width: 51px;
}

.right-icon {
    background-position: -114px 10px;
    height: 68px;
    width: 70px;
}

.option-title {
    text-align: center;
    text-transform: uppercase;
    color: #F79A3E;
    padding-top: 25px;
    -webkit-font-smoothing: antialiased;
}

i[class^="icon-"]:before {
    display: inline-block;
    text-decoration: none;
}

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

.blocks-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
}

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

.blocks-item {
    color: #1F73B7;
    display: flex;
    flex: 1 0 340px;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 30px;
    max-width: 100%;
    text-align: center;
    border-bottom: solid 1px #cccccc;
}

@media (min-width: 768px) {
    .blocks-item {
        margin: 0 15px 30px;
        border-bottom: none;
    }
}

.blocks-item:hover,
.blocks-item:focus,
.blocks-item:active {}

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

.blocks-item-link {
    color: #1F73B7;
    padding: 20px 30px;
}

.blocks-item-link li {
    color: #cccccc;
}

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

.blocks-item-title {
    margin-bottom: 0;
    color: #1F73B7;
}

.blocks-item-description {
    color: #464646;
    margin: 0;
}

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

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

.section {
    margin-bottom: 40px;
}

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

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

.mw {
    max-width: 860px !important;
}

/***** Promoted articles *****/

.promoted-articles {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

@media (min-width: 1024px) {
    .promoted-articles {
        flex-direction: row;
    }
}

.promoted-articles-item {
    flex: 1;
}

@media (min-width: 1024px) {
    .promoted-articles-item {
        align-self: flex-end;
        flex: 0 0 95%;
        /* One columns on desktop featured */
        padding-right: 30px;
    }
    [dir=rtl] .promoted-articles-item {
        padding: 0 0 0 30px;
    }
}

/*.promoted-articles-item:nth-child(3n) {
  padding-right: 0;
}*/

.promoted-articles-item a {
    color: #1F73B7;
    display: block;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    padding: 12px 0;
}

.promoted-articles-item:last-child a {
    border: 0;
}

@media (min-width: 1024px) {
    .promoted-articles-item:last-child a {}
}

/***** Community section in homepage *****/

.community {
    text-align: center;
}

.community-image {
    min-height: 300px;
    background-image: url($community_image);
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
}

.community,
.activity {
    border-top: 1px solid #ddd;
    padding: 30px 0;
}

/***** Recent activity *****/

.recent-activity-header {
    margin-bottom: 10px;
    text-align: center;
    display: none;
}

.recent-activity-list {
    padding: 0;
}

.recent-activity-item {
    overflow: auto;
    padding: 10px 0;
}

.recent-activity-item-parent {
    margin: 0;
    color: #1F73B7;
    font-size: 15px;
    display: inline-block;
    width: 100%;
}

.recent-activity-item-link {
    margin: 0;
    color: #06363C;
    display: inline-block;
    width: 100%;
}

@media (min-width: 768px) {
    .recent-activity-item-parent,
    .recent-activity-item-link {
        width: 70%;
        margin: 0;
    }
}

.recent-activity-item-link {
    font-size: 14px;
    font-weight: 300;
}

.recent-activity-item-meta {
    margin: 0;
    float: none;
}

@media (min-width: 768px) {
    .recent-activity-item-meta {
        margin: 0;
    }
}

.recent-activity-item-time,
.recent-activity-item-comment {
    color: #c6c6c6;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
}

.recent-activity-item-comment {
    padding-left: 5px;
}

[dir=rtl] .recent-activity-item-comment {
    padding: 0 5px 0 0;
}

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

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

[dir=rtl] .recent-activity-item-comment span:before {
    padding-left: 3px;
}

.recent-activity-controls {
    padding-top: 15px;
}

/***** Category pages *****/

.category-container {
    display: flex;
    justify-content: flex-start;
}

.category-content {
    flex: 1;
}

@media (min-width: 1024px) {
    .category-content {
        flex: 0 0 100%;
    }
}

.section-tree {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (min-width: 768px) {
    .section-tree {
        flex-direction: row;
    }
}

.section-tree .section {
    flex: initial;
}

@media (min-width: 768px) {
    .section-tree .section {
        flex: 0 0 45%;
        /* Two columns for tablet and desktop. Leaving 5% separation between columns */
    }
}

.section-tree .icon-lock:before {
    vertical-align: baseline;
}

.section-tree-title {
    margin-bottom: 0;
}

.section-tree-title a {
    color: #06363C;
}

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

.see-all-articles {
    display: block;
    padding: 15px 0;
}

.article-list-item {
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    padding: 12px 0;
}

.article-list-item-hp {
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    padding: 12px 0;
}

.article-list-item .card-block li {
    font-size: 15px;
    padding: 12px 0;
}

.article-list-item-hp {
    font-size: 15px;
    padding: 12px 0;
}

.article-list-item a {
    color: #1F73B7;
}

.article-list-item-hp a {
    color: #464646;
}

/***** Section pages *****/

.section-container {
    display: flex;
    justify-content: flex-start;
}

.section-content {
    flex: 1;
}

@media (min-width: 1024px) {
    .section-content {
        flex: 0 0 100%;
    }
}

.section-subscribe .dropdown-toggle:after {
    display: none;
}

/***** Article *****/

.article {
    width: 100%;
}

@media (min-width: 1024px) {
    .article {
        min-width: 640px;
        margin-right: 70px;
    }
}

.article-header {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
    margin-top: 20px;
}

@media (min-width: 768px) {
    .article-header {
        flex-direction: column;
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .article-title {
        display: flex;
        flex-basis: 100%;
        flex-flow: row nowrap;
        justify-content: space-between;
        /* Take entire row */
    }
}

.article-title .icon-lock:before {
    content: "\1F512";
    font-size: 20px;
    position: relative;
    left: -5px;
    vertical-align: baseline;
}

.article [role="button"] {
    flex-shrink: 0;
    /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
    width: 100%;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .article [role="button"] {
        width: auto;
    }
}

.article-info {
    max-width: 100%;
}

.article-meta {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.article-body img {
    height: auto;
    max-width: 100%;
}

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

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

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

.article-body a:visited {
    color: #1F73B7;
}

.article-body pre {
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre;
}

.article-body blockquote {
    border-left: 1px solid #ddd;
    color: #073e45;
    font-style: italic;
    padding: 0 15px;
}

.article-body > p:last-child {
    margin-bottom: 0;
}

.comment-actions-container {
    order: -1;
}

/*Div Note Styles*/

.article-body div.note.warning {
    background-color: #FFDED9;
    padding: 10px;
    margin-left: 0px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-color: #D1B6B2;
}

.article-body span.warningtitle,
span.fastpathtitle,
span.tiptitle,
span.importanttitle,
span.notetitle {
    font-weight: bold;
}

.article-body div.note.fastpath {
    background-color: #F3F0EE;
    padding: 10px;
    margin-left: 0px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-color: #D1CFCD;
}

span.fastpathtitle:before {
    content: url(/hc/theme_assets/1/200000527/eye4.png);
    margin-left: 10px;
    margin-right: 15px;
    vertical-align: -10%;
}

.note.fastpath ol {
    margin-top: 5px;
}

.article-body div.note.tip {
    background-color: #def1f4;
    padding: 10px;
    margin-left: 0px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-color: #BECFD1;
}

.article-body div.note.important {
    background-color: #FFE6CC;
    padding: 10px;
    margin-left: 0px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-color: #D1BDA7;
}

.article-body div.note {
    background-color: #fbf2d0;
    padding: 10px;
    margin-left: 0px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-color: #D1CAAD;
    border-left-width: 5px;
    border-left-style: solid;
    color: #06363C;
}

.article-content {
    line-height: 1.6;
    margin: 40px 0;
    word-wrap: break-word;
}

.article-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}

.article-comments {
    padding-bottom: 1rem;
}

.article-comment-count {
    color: #073e45;
    font-weight: 300;
}

.article-comment-count:hover {
    text-decoration: none;
}

.article-comment-count .icon-comments {
    color: #1F73B7;
    content: "\1F4AC";
    display: inline-block;
    font-size: 18px;
    padding: 5px;
}

.article-sidebar {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 0;
    order: 1;
    margin-top: 93px;
}

@media (min-width: 1024px) {
    .article-sidebar {
        border: 0;
        height: auto;
    }
}

@media (max-width: 1023px) {
    .article-sidebar {
        margin-top: 20px;
    }
}

.article-relatives {
    border-top: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
}

@media (min-width: 768px) {
    .article-relatives {
        flex-direction: row;
    }
}

.article-relatives > * {
    flex: 1;
    margin-right: 0;
}

.article-relatives > *:last-child {
    margin: 0;
}

@media (min-width: 768px) {
    .article-relatives > * {
        margin-right: 20px;
    }
}

.article-votes {
    border-top: 1px solid #ddd;
    padding: 30px 0;
    text-align: center;
}

.article-vote {
    background: transparent;
    color: #1F73B7;
    margin: 10px 5px;
    min-width: 90px;
    width: auto;
}

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

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

.article-more-questions {
    margin: 10px 0 20px;
    text-align: center;
}

.article-return-to-top {
    border-top: 1px solid #ddd;
}

@media (min-width: 1024px) {
    .article-return-to-top {
        display: none;
    }
}

.article-return-to-top a {
    color: #06363C;
    display: block;
    padding: 20px 0;
}

.article-return-to-top a:hover,
.article-return-to-top a:focus {
    text-decoration: none;
}

.article-return-to-top .icon-arrow-up::before {
    font-size: 15px;
    margin-left: 5px;
}

[dir=rtl] .article-return-to-top .icon-arrow-up::before {
    margin-right: 10px;
}

.sidenav-title {
    font-size: 22px;
    position: relative;
}

.sidenav-item {
    border-radius: 4px;
    color: #06363C;
    display: block;
    font-weight: 300;
    margin-bottom: 10px;
    padding: 10px;
}

.sidenav-item.current-article,
    {
    background-color: #1F73B7;
    color: #1F73B7;
    text-decoration: none;
}

.recent-articles h3,
.related-articles h3 {
    margin: 20px 0;
}

.related-articles h3 {
    display: none;
}

.recent-articles li,
.related-articles li {
    margin-bottom: 15px;
}

/***** Attachments *****/

/* Styles attachments inside posts, articles and comments */

.attachments .attachment-item {
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
}

.attachments .attachment-item:last-child {
    margin-bottom: 0;
}

.attachments .attachment-item:before {
    color: #06363C;
    content: "\1F4CE";
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 5px;
}

[dir=rtl] .attachments .attachment-item {
    padding-left: 0;
    padding-right: 20px;
}

[dir=rtl] .attachments .attachment-item:before {
    left: auto;
    right: 0;
}

.upload-dropzone span {
    color: #073e45;
}

/***** Social share links *****/

.share {
    padding: 0;
    white-space: nowrap;
}

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

.share a {
    border-radius: 50%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    width: 25px;
}

.share a.share-googleplus {
  display: none;
}

.share a:before {
    color: #073e45;
    display: block;
    font-size: 23px;
    text-align: center;
    width: 100%;
}

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

.share a:hover:before {
    color: #1F73B7;
}

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

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

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

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

/***** Comments *****/

/* Styles comments inside articles, posts and requests */
.comment {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.comment-list .comment:last-child {
  border: 0;
}

.comment-heading {
    margin-bottom: 5px;
    margin-top: 0;
}

.comment-overview {
    border-top: 1px solid #ddd;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 20px 0;
}

.comment-overview p {
    margin-top: 0;
}

.comment-callout {
    color: #073e45;
    display: inline-block;
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 0;
}

.comment-callout a {
    color: #1F73B7;
}

.comment-sorter {
    align-self: center;
}

.comment-sorter > a {
    color: #1F73B7;
    font-weight: bold;
    font-size: 1rem;
    text-decoration: none;
}

.comment-sorter a::after {
    margin-left: 0.5rem;
}

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

.comment-wrapper {
    display: flex;
    flex-flow: column nowrap;
    position: relative;
    width: 100%;
}


.comment-wrapper.comment-official {
    border: 1px solid #1F73B7;
    padding: 40px 20px 20px;
}

@media (min-width: 768px) {
    .comment-wrapper.comment-official {
        padding-top: 20px;
    }
}

.comment-info {
    min-width: 0;
    padding-left: 20px;
    width: 100%;
}

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

.comment-author {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

@media (min-width: 768px) {
    .comment-author {
        justify-content: space-between;
    }
}

.comment-avatar {
    margin-right: 10px;
    margin-top: 15px;
}

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

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

.comment-meta {
    flex: 1 0 auto;
    margin-top: 15px;
}

.comment-labels {
    flex-basis: 100%;
}

@media (min-width: 768px) {
    .comment-labels {
        flex-basis: auto;
    }
}

.comment .status-label:not(.status-label-official) {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .comment .status-label:not(.status-label-official) {
        margin-top: 0;
    }
}

.comment-published {
    display: block;
    font-weight: 300;
    font-size: 13px;
}

.comment-form {
    display: flex;
    padding-top: 30px;
    word-wrap: break-word;
}

.comment-container {
    position: relative;
    width: 100%;
}

.comment-placeholder {
  color: #464646;
  font-size: 1rem;
  line-height: 66px;
  position: absolute;
  top: 18%;
  z-index: 0;
  width: 100%;
  height: 66px;
  vertical-align: top;
  cursor: pointer;
  border: solid 1px #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 0 10px;
}

textarea + .comment-placeholder {
    display: block;
}

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

@media (min-width: 768px) {
    [dir=ltr] .comment-form-controls {
        text-align: right;
    }
}

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

@media (min-width: 1024px) {
    .comment-form-controls input[type=submit] {
        margin-left: 15px;
    }
    [dir=rtl] .comment-form-controls input[type=submit] {
        margin-left: 0;
        margin-right: 15px;
    }
}

.comment-form-controls input[type=checkbox] {
    margin-right: 5px;
}

.comment-form-controls input[type=checkbox] [dir=rtl] {
    margin-left: 5px;
}

.comment-ccs {
    display: none;
}

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

.comment-attachments {
    margin-top: 10px;
}

.comment-attachments a {
    color: #1F73B7;
}

.comment-body {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    font-family: 'PNR';
    line-height: 1.6;
}

.comment-body img {
    height: auto;
    max-width: 100%;
}

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

.comment-body ul > ul,
.comment-body ol > ol,
.comment-body ol > ul,
.comment-body ul > ol {
    margin: 0;
}

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

.comment-body a:visited {
    color: #1F73B7;
}

.comment-body pre {
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre;
}

.comment-body blockquote {
    border-left: 1px solid #ddd;
    color: #073e45;
    font-style: italic;
    padding: 0 15px;
}

.comment-mark-as-solved {
    display: inline-block;
}

/***** Vote *****/

/* Used in article comments, post comments and post */

.vote {
    align-items: center;
    display: flex;
    font-size: 1.1rem;
    text-align: center;
}

.vote a {
    line-height: 100%;
    margin-right: .5em;
    outline: none;
}

.vote a:active,
.vote a:hover,
.vote a:focus {
    text-decoration: none;
}

.vote-sum {
    color: #666;
    line-height: 100%;
    margin: 3px .5em 3px 0;
    /* margin-right: .5em; */
}

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

.vote-up:hover:before,
.vote-down:hover:before {
    color: #06363C;
}

.vote-up:before,
.vote-down:before {
    color: #666;
    font-size: 18px;
}

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

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

/***** Actions *****/

/* Styles admin and en user actions(edit, delete, change status) in comments and posts */

.actions {
    text-align: center;
    flex-shrink: 0;
    /*Avoid collapsing elements in Safari*/
}

.actions .dropdown-toggle {
    font-size: 0;
    margin: 2px 0 0 19px;
}

.actions .dropdown-toggle:hover:before,
.actions .dropdown-toggle:focus:before,
.actions .dropdown-toggle:active:before {
    background-color: #f8f8f8;
}

.actions .dropdown-toggle:before {
    background-color: transparent;
    border-radius: 50%;
    color: #073e45;
    content: "\2699";
    display: block;
    font-size: 13px;
    margin: auto;
    padding: 5px;
}

/***** Community *****/

.community-hero {
    background-image: url($community_background_image);
    margin-bottom: 10px;
}

.community-footer {
    padding-top: 50px;
    text-align: center;
}

.community-featured-posts,
.community-activity {
    padding-top: 40px;
    width: 100%;
}

.community-header {
    margin-bottom: 30px;
}

.community-header h4 {
    margin-bottom: 0;
}

.post-to-community {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .post-to-community {
        margin: 0;
    }
}

/* Community topics grid */

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

.topics-item .meta-group {
    justify-content: center;
    margin-top: 20px;
}

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

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

.topics-item-internal a {
    color: #06363C;
}

/* Community topic page */

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

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

.topic-header .dropdown {
    display: block;
    border-top: 1px solid #ddd;
    padding: 10px 0;
}

@media (min-width: 768px) {
    .topic-header .dropdown {
        border-top: 0;
        display: inline-block;
        margin-right: 20px;
        padding: 0;
    }
}

/* Section, Article, Topic, Post and User follow button */
.subscribe {
  align-self: center;
}

.topic-subscribe > a,
.topic-unsubscribe > a,
.section-subscribe > a,
.section-unsubscribe > a,
.post-subscribe,
.post-unsubscribe,
.article-subscribe,
.article-unsubscribe {
  border: 2px solid #1F73B7 !important;
  background-color: white !important;
  font-size: 1rem;
  color: #1F73B7 !important;
  padding: 0 1.4rem !important;
  transition: color 0.25s, background-color 0.25s;
  box-sizing: border-box;
  height: 40px;
}

.topic-subscribe:hover > a,
.topic-unsubscribe:hover > a,
.section-subscribe:hover > a,
.section-unsubscribe:hover > a,
.post-subscribe:hover,
.post-unsubscribe:hover,
.article-subscribe:hover,
.article-unsubscribe:hover {
  background-color: #1F73B7 !important;
  border: 2px solid #1F73B7 !important;
  color: white !important;
}

.community-follow {
    margin-bottom: 10px;
    display: inline-block;
    height: 40px;
    width: auto;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .community-follow {
        margin-bottom: 0;
        width: auto;
    }
}

.community-follow .dropdown {
    width: auto;
}

.community-follow [role="button"] {
    line-height: 36px;
    padding: 0 10px 0 15px;
    position: relative;
    width: 100%;
    height: 100%;
    border: solid 3px #1F73B7;
}

@media (min-width: 768px) {
    .community-follow [role="button"] {
        width: auto;
    }
}

.community-follow [role="button"]:hover::after,
.community-follow:hover .dropdown > a::after {
    border-color: white;
    color: white
}

.community-follow .dropdown > a::after {
    height: 38px;
}

.community-follow [role="button"]::after {
    transition: border 0.25s;
    border-left: solid 2px #1F73B7;
    content: attr(data-follower-count);
    color: #1F73B7;
    display: inline-block;
    margin-left: 15px;
    padding-left: 18px;
    font-family: inherit;
    font-weight: normal;
    height: 100%;
}

@media (min-width: 768px) {
    .community-follow [role="button"]::after {
        position: static;
    }
}

[dir="rtl"] .community-follow [role="button"]::after {
    border-left: 0;
    border-right: 1px solid #cccccc;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}

/***** Striped list *****/

/* Used in community posts list and requests list */

.striped-list {
    padding: 0;
}

.striped-list-item {
    align-items: flex-start;
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px 0;
}

@media (min-width: 768px) {
    .striped-list-item {
        align-items: center;
        flex-direction: row;
    }
}

.striped-list-info {
    flex: 2;
}

.striped-list-title {
    color: #1F73B7;
    margin-bottom: 10px;
    margin-right: 5px;
}

.striped-list-title:hover,
.striped-list-title:focus,
.striped-list-title:active {
    text-decoration: underline;
}

.striped-list-title:visited {
    color: #59a5e3;
}

.striped-list .meta-group {
    margin: 5px 0;
}

.striped-list-count {
    color: #073e45;
    font-weight: 300;
    font-size: 13px;
    justify-content: flex-start;
    text-transform: capitalize;
}

@media (min-width: 768px) {
    .striped-list-count {
        display: flex;
        flex: 1;
        justify-content: space-around;
    }
}

.striped-list-count-item:after {
    content: "·";
    display: inline-block;
    padding: 0 5px;
}

@media (min-width: 768px) {
    .striped-list-count-item:after {
        display: none;
    }
}

.striped-list-count-item:last-child:after {
    display: none;
}

.striped-list-number {
    font-weight: 300;
    text-align: center;
}

@media (min-width: 768px) {
    .striped-list-number {
        color: #06363C;
        display: block;
        font-weight: 400;
    }
}

[data-title="Pinned"] {
    margin-right: 5px;
}

/***** Status labels *****/

/* Styles labels used in posts, articles and requests */

.status-label {
    background-color: #1eb848;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    margin-right: 2px;
    padding: 3px 10px;
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block;
}

.status-label:hover,
.status-label:active,
.status-label:focus {
    text-decoration: none;
}

.status-label-pinned,
.status-label-featured,
.status-label-official {
    background-color: #1F73B7;
}

.status-label-official {
    border-radius: 0;
    margin-right: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

/***** Post *****/
.post {
    width: 100%;
    margin-bottom: 10px;
}

@media (min-width: 1024px) {
    .post {
        max-width: 800px;
    }
}

.post-container {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1024px) {
    .post-container {
        flex-direction: row;
    }
}

.post-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .post-header {
        align-items: baseline;
        flex-direction: row;
    }
}

.post-header .status-label {
    vertical-align: sub;
}

.post-title {
    margin-bottom: 20px;
    width: 100%;
}

@media (min-width: 768px) {
    .post-title {
        margin-bottom: 0;
        padding-right: 10px;
    }
}

.post-title h1 {
    display: inline;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .post-title h1 {
        margin-right: 5px;
    }
}

.article-author,
.post-author {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}

.post-avatar {
    margin: 10px 0 10px 0;
}

.post-content {
    font-family: 'PNR';
    line-height: 1.6;
    word-break: break-word;
}

.post-info-container {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.post-actions-wrapper {
    display: flex;
    order: -1;
}

.post-info {
    flex: 1;
}

@media (min-width: 1024px) {
    .post-info {
        padding-right: 20px;
    }
}

[dir=rtl] .post-info {
    padding-left: 45px;
    padding-right: 0;
}

.post-meta {
    display: inline-block;
    flex: 1;
    margin-left: 10px;
    vertical-align: middle;
    margin-top: 10px;
}

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

.post-published {
    color: #073e45;
    font-weight: 300;
    font-size: 13px;
}

.post-body img {
    height: auto;
    max-width: 100%;
}

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

.post-body ul > ul,
.post-body ol > ol,
.post-body ol > ul,
.post-body ul > ol {
    margin: 0;
}

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

.post-body a:visited {
    color: #59a5e3;
}

.post-body pre {
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: normal;
    max-width: 690px;
}

.post-body blockquote {
    border-left: 1px solid #ddd;
    color: #073e45;
    font-style: italic;
    padding: 0 15px;
}

.post-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}

.post-comment-count {
    color: #073e45;
    font-weight: 300;
}

.post-comment-count:hover {
    text-decoration: none;
}

.post-comment-count .icon-comments {
    color: #1F73B7;
    content: "\1F4AC";
    display: inline-block;
    font-size: 18px;
    margin-left: 1em;
}

.post-sidebar {
    width: 100%;
    border-top: 1px solid #ddd;
    text-align: center;
    margin-top: 80px;
    padding-top: 40px;
}

.post-sidebar > * {
    max-width: 360px;
    margin: 0 auto;
}

@media (min-width: 1024px) {
    .post-sidebar {
        width: 360px;
        border: 0;
        text-align: initial;
        margin-top: 0;
        padding-top: 0;
        margin-left: 115px;
    }
    [dir=rtl] .post-sidebar {}
}

.post-sidebar h5 {
    font-weight: 600;
}

@media (min-width: 1024px) {
    .post-sidebar h5 {
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
    }
}

.post-comments {
    margin-bottom: 20px;
}

@media (min-width: 1024px) {
    .post-comments {
        margin-bottom: 1rem;
    }
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    flex-direction: column;
    max-height: 45px;
    overflow: hidden;
    font-size: 14px;
}

@media (min-width: 768px) {
    .collapsible-nav {
        border: 0;
        height: auto;
        flex-direction: row;
        max-height: none;
    }
}

.collapsible-nav-list {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .collapsible-nav-list {
        flex-direction: row;
    }
}

.collapsible-nav-list li {
    color: #06363C;
    line-height: 45px;
    order: 1;
}

@media (min-width: 768px) {
    .collapsible-nav-list li {
        line-height: normal;
        margin-right: 30px;
    }
    [dir=rtl] .collapsible-nav-list li {
        margin-left: 30px;
        margin-right: 0;
    }
    .collapsible-nav-list li a {
        text-decoration: none;
        padding: 15px 0;
    }
}

.collapsible-nav-list li a {
    color: #06363C;
    display: block;
}

@media (min-width: 768px) {
    .collapsible-nav-list li:hover {
        border-bottom: 4px solid #ddd;
    }
    .collapsible-nav-list li:hover a {
        padding: 15px 0 11px 0;
        text-decoration: none;
    }
}

.collapsible-nav-list li[aria-selected=true] {
    order: 0;
    position: relative;
}

@media (min-width: 768px) {
    .collapsible-nav-list li[aria-selected=true] {
        border-bottom: 4px solid #1F73B7;
        order: 1;
        padding: 15px 0 11px 0;
    }
}

.collapsible-nav-list li[aria-selected=true] a {
    color: #06363C;
}

.collapsible-nav-list li[aria-selected=true]::after {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    content: "\25BE";
    position: absolute;
    right: 0;
}

@media (min-width: 768px) {
    .collapsible-nav-list li[aria-selected=true]::after {
        display: none;
    }
}

[dir=rtl] .collapsible-nav-list li[aria-selected=true]::after {
    left: 0;
    right: auto;
}

.collapsible-nav[aria-expanded=true] {
    max-height: none;
}

.collapsible-nav[aria-expanded=true] li[aria-selected=true]::after {
    content: "\2715";
}

/* Sidebar navigation that collapses on mobile */

.collapsible-sidebar {
    flex: 1;
    max-height: 45px;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
}

@media (min-width: 1024px) {
    .collapsible-sidebar {
        max-height: none;
        padding: 0;
        margin-left: 20px;
        margin-top: 40px;
    }
}

.collapsible-sidebar[aria-expanded=true] {
    max-height: none;
}

.collapsible-sidebar[aria-expanded=true] .collapsible-sidebar-title:after {
    content: "\2715";
}

@media (min-width: 1024px) {
    .collapsible-sidebar[aria-expanded=true] .collapsible-sidebar-title:after {
        display: none;
    }
}

.collapsible-sidebar-title {
    margin-top: 0;
}

.collapsible-sidebar-title:after {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    content: "\25BE";
    position: absolute;
    right: 10px;
}

@media (min-width: 1024px) {
    .collapsible-sidebar-title:after {
        display: none;
    }
}

[dir=rtl] .collapsible-sidebar-title:after {
    left: 10px;
    right: auto;
}

/***** My activities *****/

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

.my-activities-sub-nav {
    background-color: transparent;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .my-activities-sub-nav li:hover {
        border-bottom: 4px solid #ddd;
    }
}

.my-activities-sub-nav li[aria-selected=true] {
    border-color: #03363d;
}

.my-activities-table .striped-list-title {
    /* My activities tables */
    display: block;
    margin-bottom: 10px;
    max-width: 350px;
    white-space: normal;
}

@media (min-width: 1024px) {
    .my-activities-table .striped-list-title {
        margin-bottom: 0;
        max-width: 500px;
        min-width: 350px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.my-activities-table thead {
    display: none;
}

@media (min-width: 768px) {
    .my-activities-table thead {
        display: table-header-group;
    }
}

.my-activities-table th:first-child,
.my-activities-table td:first-child {
    padding-left: 0;
}

@media (min-width: 1024px) {
    .my-activities-table th:first-child,
    .my-activities-table td:first-child {
        width: 500px;
    }
}

.my-activities-table th:last-child,
.my-activities-table td:last-child {
    padding-right: 0;
}

.my-activities-table td:not(:first-child) {
    display: none;
}

@media (min-width: 768px) {
    .my-activities-table td:not(:first-child) {
        display: table-cell;
    }
}

/* Requests table */
.requests-search {
  width: 100%;
  height: 40px;
  line-height: 100%;
  border-radius: 3px;
  border: solid 1px #ddd !important;
  padding: 0 35px;
  box-sizing: border-box !important;
}

.requests-table-toolbar .search {
  position: relative;
}

.requests-table-toolbar .search::before {
  position: absolute;
  bottom: 0;
  left: 10px;
  background: none;
}

.requests-table-toolbar {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .requests-table-toolbar {
        flex-direction: row;
    }
}

.requests-table-toolbar .search {
    flex: 1;
    width: 100%;
}

.requests-table-toolbar .request-table-filter {
    width: 100%;
}

@media (min-width: 768px) {
    .requests-table-toolbar .request-table-filter {
        width: auto;
    }
}

.requests-table-toolbar .request-filter {
    display: block;
}

@media (min-width: 768px) {
    .requests-table-toolbar .request-filter {
        margin: 0 0 0 30px;
    }
    [dir=rtl] .requests-table-toolbar .request-filter {
        margin: 0 30px 0 0;
    }
}

.requests-table-toolbar .request-filter-label {
    font-size: 13px;
    margin-top: 30px;
}

@media (min-width: 768px) {
    .requests-table-toolbar .request-filter-label {
        margin-top: 0;
    }
}

.requests-table-toolbar select {
    max-height: 40px;
    margin-bottom: 30px;
    width: 100%;
}

@media (min-width: 768px) {
    .requests-table-toolbar select {
        margin-bottom: 0;
        max-width: 300px;
        width: auto;
    }
}

.requests-table-toolbar .organization-subscribe,
.requests-table-toolbar .organization-unsubscribe {
    line-height: 40px;
    max-height: 40px;
    padding: 0 20px;
}

@media (min-width: 768px) {
    .requests-table-toolbar .organization-subscribe,
    .requests-table-toolbar .organization-unsubscribe {
        margin-left: 10px;
    }
    [dir=rtl] .requests-table-toolbar .organization-subscribe,
    [dir=rtl] .requests-table-toolbar .organization-unsubscribe {
        margin: 0 10px 0 0;
    }
}

.requests-table-toolbar .organization-unsubscribe {
    background-color: #1F73B7;
    color: #1F73B7;
}

.requests-table-toolbar + .requests-search-info {
    margin-top: 15px;
}

.requests-table-toolbar + .requests-search-info.meta-data::after {
    content: "";
    margin: 0;
}

.requests-table-toolbar + .requests-search-info + .requests {
    margin-top: 20px;
}

.requests-table-toolbar + .requests {
    margin-top: 40px;
}

.requests .requests-table-meta {
    display: block;
}

@media (min-width: 768px) {
    .requests .requests-table-meta {
        display: none;
    }
}

.requests .requests-table thead {
    display: none;
}

@media (min-width: 768px) {
    .requests .requests-table thead {
        display: table-header-group;
    }
}

.requests .requests-table-info {
    display: block;
}

@media (min-width: 768px) {
    .requests .requests-table-info {
        display: table-cell;
        vertical-align: middle;
        width: auto;
    }
}

.requests .requests-table .requests-link {
    position: relative;
}

.requests .requests-table .requests-sort-symbol {
    position: absolute;
    left: calc(100% + 3px);
    bottom: 0;
    font-size: 10px;
}

/* Following table */

.subscriptions-unsubscribe a {
    background: #1F73B7;
    border-radius: 4px;
    color: #FFF;
    display: inline-block;
    font-size: 12px;
    line-height: 2.34;
    padding: 0 20px;
    text-align: center;
    width: 100%;
}

@media (min-width: 768px) {
    .subscriptions-unsubscribe a {
        width: auto;
    }
}

.subscriptions-unsubscribe a:hover {
    background-color: #103c60;
    text-decoration: none;
}

.subscriptions-table td:last-child {
    display: block;
}

@media (min-width: 768px) {
    .subscriptions-table td:last-child {
        display: table-cell;
    }
}

.subscriptions-table td:first-child {
    display: flex;
    align-items: center;
}

.subscriptions-table .user-avatar {
    margin-right: 10px;
}

.subscriptions .striped-list-title {
    display: inline-block;
    vertical-align: middle;
}

/* Contributions table */

.contributions-table td:last-child {
    color: #073e45;
    font-size: 13px;
    font-weight: 300;
}

@media (min-width: 768px) {
    .contributions-table td:last-child {
        color: inherit;
        font-size: inherit;
        font-weight: inherit;
    }
}

.no-activities {
    color: #073e45;
}

/***** Request *****/

.request-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (min-width: 1024px) {
    .request-container {
        align-items: flex-start;
        flex-direction: row;
    }
}

.request-container .comment-container {
    min-width: 0;
}

.request-breadcrumbs {
    margin-bottom: 40px;
}

@media (min-width: 1024px) {
    .request-breadcrumbs {
        margin-bottom: 60px;
    }
}

.request-main {
    flex: 1;
    order: 1;
}

.request-main .comment-fields,
.request-main .request-submit-comment {
    display: none;
}

.request-main .comment-fields.shown {
    display: block;
}

.request-main .request-submit-comment.shown {
    display: inline;
}

@media (min-width: 1024px) {
    .request-main {
        flex: 0 0 67%;
        order: 0;
        min-width: 0;
    }
}

.request-main .comment-form-controls {
    display: block;
}

.request-main .comment-ccs {
    display: block;
}

.request-main .comment-show-container {
    border-radius: 2px;
    border: 1px solid #ddd;
    cursor: pointer;
    display: flex;
    padding: 8px 15px;
    width: 100%;
}

.request-main .comment-show-container.hidden {
    display: none;
}

.request-main .comment-show-container-content {
    align-self: center;
    color: #073e45;
    margin-left: 10px;
}

.request-main .form-field.comment-ccs > ul {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
}

.request-main .form-field.comment-ccs > ul[data-hc-focus=true] {
    border: 1px solid #1F73B7;
}

.request-main .form-field.comment-ccs > input[type=text] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
}

.request-main .comment-ccs + textarea {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0;
}

.request-main .comment-ccs + textarea:focus {
    border-top: 1px solid #1F73B7;
}

.request-main input#mark_as_solved {
    display: none;
}

.request-title {
    width: 100%;
}

@media (min-width: 1024px) {
    .request-title {
        border-bottom: 1px solid #ddd;
        margin-bottom: 0;
        max-width: 67%;
        padding-bottom: 20px;
    }
}

@media (max-width: 1023px) {
    .request-title {
        margin-bottom: 48px;
    }
}

.request-sidebar {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    flex: 1;
    order: 0;
    margin-top: -40px;
}

@media (min-width: 1024px) {
    .request-sidebar {
        background-color: #f8f8f8;
        border: 0;
        font-size: 13px;
        flex: 0 0 30%;
        padding: 0 20px;
    }
}

.request-sidebar h5 {
    font-size: 15px;
    font-weight: 600;
    position: relative;
}

@media (min-width: 1024px) {
    .request-sidebar h5 {
        display: none;
    }
}

.request-details {
    border-bottom: 1px solid #ddd;
    font-size: 0;
    margin: 0;
    padding-bottom: 20px;
    padding: 0 20px;
}

.request-details:last-child {
    border: 0;
}

.request-details dt,
.request-details dd {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    margin: 20px 0 0 0;
}

.request-details dd {
    padding: 0 10px;
    width: 60%;
}

.request-details dd:after {
    content: "\A";
    white-space: pre;
}

.request-details dt {
    color: #073e45;
    font-weight: 300;
    width: 40%;
}

.request-details .request-collaborators {
    display: inline-block;
}

.request-attachments dt,
.request-attachments dd {
    width: 100%;
}

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

.request-form textarea {
    min-height: 120px;
}

.request-follow-up {
    padding-top: 20px;
}

/***** Search results *****/

.search-results {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (min-width: 1024px) {
    .search-results {
        flex-direction: row;
    }
}

.search-results-column {
    width: 100%;
    max-width: 520px;
}

@media (min-width: 1024px) {
    .search-results-column {
        /**flex: 0 0 45%; - removing while there is no community*/
    }
}

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

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

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

.search-result-description {
    margin-top: 15px;
}

.search-result-votes,
.search-result-meta-count {
    color: color_5;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    padding: 4px 5px;
    position: relative;
}

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

.search-result-votes::before,
.search-result-meta-count::before {
    color: #464646;
}

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

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

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

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

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

.search-result-meta-count::before {
    content: "\1F4AC";
}

.search-result .meta-group {
    align-items: center;
}

.search-result-breadcrumbs {
    margin: 0;
}

.search-result-breadcrumbs li:last-child:after {
    content: "·";
    display: inline-block;
    margin: 0 5px;
}

/***** Pagination *****/

.pagination {
    text-align: center;
}

.pagination * {
    display: inline-block;
}

.pagination li {
    border-radius: 50%;
    height: 40px;
    float: left;
    margin-left: 5px;
    width: 40px;
}

@media (min-width: 768px) {
    .pagination li {
        height: 30px;
        width: 30px;
    }
}

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

.pagination li:hover:not(.pagination-current) {
    background-color: #f3f3f3;
}

.pagination li:hover:not(.pagination-current) span,
.pagination li:hover:not(.pagination-current) a {
    color: #06363C;
    text-decoration: none;
}

.pagination a,
.pagination span {
    font-size: 15px;
    color: #073e45;
    padding: 10px 12px;
}

@media (min-width: 768px) {
    .pagination a,
    .pagination span {
        font-size: 13px;
        padding: 5px 12px;
    }
}

.pagination-current {
    background-color: #1F73B7;
}

.pagination-current a,
.pagination-current span {
    color: #FFF;
}

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

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

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

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

/***** Metadata *****/

.meta-group {
    display: block;
}

.meta-group * {
    display: inline;
}

.meta-data {
    font-size: 13px;
    font-weight: 300;
}

.meta-data a {
    font-size: 13px;
}

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

/***** Icons *****/

[class^="icon-"]:before,
[class*=" icon-"]:before,
.icon,
.search:before,
.recent-activity-item-comment span:before,
.article-vote:before,
.attachments .attachment-item:before,
.share a:before,
.vote-up:before,
.vote-down:before,
.actions .dropdown-toggle:before,
.collapsible-nav-list li[aria-selected=true]::after,
.collapsible-sidebar-title:after,
.search-result-votes::before,
.search-result-meta-count::before {
    font-family: "copenhagen-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    line-height: 1em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}

.icon-lock:before {
    content: "\1F512";
}

.icon-star:before {
    content: "\2605";
}

.icon-linkedin:before {
    content: "\e900";
}

.icon-twitter:before {
    content: "\e901";
}

.icon-googleplus-:before {
    content: "\e902";
}

.icon-facebook:before {
    content: "\e903";
}

.icon-agent:before {
    content: "\1F464";
}

.icon-close:before {
    content: "\2715";
}

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

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

.icon-attachments:before {
    content: "\1F4CE";
}

.icon-comments:before {
    content: "\1F4AC";
}

.icon-search:before {
    content: "\1F50D";
}

.icon-vote:before {
    content: "\1F44D";
}

.icon-handle:before {
    content: "\25BE";
}

.icon-check:before {
    content: "\2713";
}

.icon-gear:before {
    content: "\2699";
}

.icon-menu:before {
    content: "\2630";
}

.icon-article:before {
    content: "\1F4C4";
}

.icon-post:before {
    content: "\1F4D4";
}

.icon-notification-alert:before {
    content: "\26A0";
}

.icon-notification-error:before {
    content: "\00D7";
}

.icon-notification-info:before {
    content: "\2139";
}

.icon-notification-success:before {
    content: "\2714";
}

/* User Profiles */

.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;
    min-width: 0;
}

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

.profile-avatar .icon-agent::before {
    bottom: 0;
    right: 0;
}

.profile-header .basic-info {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    min-width: 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;
}

@media (min-width: 768px) {
    .profile-header .options {
        flex-wrap: nowrap;
        flex-basis: auto;
        margin-top: 0;
        margin-left: 10px;
    }
    [dir=rtl] .profile-header .options {
        margin-left: 0;
        margin-right: 10px;
    }
    .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 .options [data-action="edit-profile"] {
    background-color: #1F73B7;
    border: 0;
    color: #fff;
    line-height: normal;
    padding: 8px 20px;
}

.profile-header .description {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    margin: 15px 0;
    flex-basis: 100%;
}

.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 {
    color: #073e45;
    font-weight: 300;
    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 #1F73B7;
    border-radius: 4px;
    color: #1F73B7;
    padding: 5px 20px;
    font-size: 12px;
    text-align: center;
}

.profile-private-badge::after {
    content: "\1f512";
    margin-left: 5px;
    font-family: "copenhagen-icons";
    vertical-align: middle;
    line-height: 15px;
}

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

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

.profile-section {
    width: 100%;
}

@media (min-width: 1024px) {
    .profile-section {
        width: calc(100% - 330px);
    }
}

.profile-section-header {
    display: flex;
    flex-wrap: wrap;
}

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

.profile-section-description {
    flex-basis: 100%;
    padding: 10px 0;
    color: #073e45;
    font-weight: 300;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 768px) {
    .profile-section-description {
        flex: 1 0 50%;
        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;
        margin-left: 20px;
    }
    [dir=rtl] .profile-section-sorter {
        margin-left: 0;
        margin-right: 20px;
    }
}

.profile-contribution {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    padding: 20px 0;
    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: 15px;
    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: 40px;
    color: #999;
}

.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;
    min-width: 40px;
    align-self: flex-start;
}

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

.profile-activity-description {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    margin: 0;
    min-width: 0;
    width: 100%;
}

.profile-activity-description span:first-child {
    font-weight: 600;
    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: 15px;
    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;
}

/***** Logo *****/

.logo {
    margin-top: 10px;
}

.logo span {
    color: #06363C;
    position: relative;
    font-family: 'SHSN';
    font-size: 15px;
    padding-left: 16px;
    bottom: 3px;
}

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

zdius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;

}

.borderRadiusBtm .border {
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

img.fnone {
    float: none !important
}

/* Getting Started in sidebar */

.reg-ad img {
    max-width: 350px;
    border: 1px solid #f2f2f2;
}

@media (min-width: 768px) {
    .reg-ad img {
        max-width: 350px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .reg-ad img {
        display: none;
    }
}

.related-articles a {
    font-size: 14px;
}

.breadcrumbs a {
    font-size: 14px;
}

/***** Section Page *****/

.section-seclist {
    display: flex;
    display: table;
    /* IE < 10, Opera *Presto* Desktop (Now dead) */
    display: -webkit-box;
    /* Safari 3.1 - 6, Chrome < 21 (2009 Spec), UCBrowser Android */
    display: -moz-box;
    /* Firefox 2 - 27 (2009 Spec), UCMini Android */
    display: -ms-flexbox;
    /* IE10 (2012 Syntax) */
    display: -webkit-flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: left;
}

@media (min-width: 768px) {
    .section-seclist {
        flex-direction: row;
        text-align: left;
    }
}

.section-seclist .section,
.section-seclist li {
    flex: initial;
}

@media (min-width: 768px) {
    .section-seclist .section,
    .section-seclist li {
        flex: 0 0 45%;
        /* Two columns for tablet and desktop. Leaving 5% separation between columns */
    }
}

.section-seclist .see-all-articles {
    display: block;
    padding: 15px 0;
}

/***** Section Blocks *****/

.cp-container {
    display: flex;
    display: table;
    /* IE < 10, Opera *Presto* Desktop (Now dead) */
    display: -webkit-box;
    /* Safari 3.1 - 6, Chrome < 21 (2009 Spec), UCBrowser Android */
    display: -moz-box;
    /* Firefox 2 - 27 (2009 Spec), UCMini Android */
    display: -ms-flexbox;
    /* IE10 (2012 Syntax) */
    display: -webkit-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.cp-container a {
    display: inherit;
    text-align: left;
}

.cp-items {
    margin: 0 10px;
}

.section-icons {
    height: 125px;
    margin-bottom: -20px;
}

.section-icons-manage {
    height: 75px;
    margin-top: 30px;
    margin-bottom: 0px;
}

.section-text {
    position: relative;
    top: -40px;
    margin-left: 20px;
}

/***** Section Toggles *****/

.section-toggles {
    padding-bottom: 12px;
    margin-bottom: 8px;
}

.section-toggles a {
    text-decoration: none;
    color: #1F73B7;
}

.section-toggles a::after {
    content: " | ";
    color: #1F73B7;
    padding: 0 20px;
}

a.last::after {
    display: none;
}

.section-toggles a:last-child {
    border-right: none;
    content: none;
}

.section-toggles a.active {
    color: #464646;
    font-weight: bolder;
}

.section-toggles-temp {
    padding-bottom: 12px;
    margin-bottom: 8px;
}

.section-toggles-temp a {
    text-decoration: none;
    color: #1F73B7;
}

.section-toggles-temp a::after {
    color: #1F73B7;
    padding: 0 20px;
}

a.last::after {
    display: none;
}

.section-toggles-temp a:last-child {
    border-right: none;
    content: none;
}

.section-toggles-temp a.active {
    color: #464646;
    font-weight: bolder;
}

.section-tab {
    text-align: left;
}

.view-links {
    font-size: 14px;
    margin-left: 10px;
}

.split :nth-child(2) li:nth-child(-1n + 15) {
    display: none;
}

.split :nth-child(1) li:nth-child(1n + 16) {
    display: none;
}

.section-homecats {
    display: flex;
    display: table;
    /* IE < 10, Opera *Presto* Desktop (Now dead) */
    display: -webkit-box;
    /* Safari 3.1 - 6, Chrome < 21 (2009 Spec), UCBrowser Android */
    display: -moz-box;
    /* Firefox 2 - 27 (2009 Spec), UCMini Android */
    display: -ms-flexbox;
    /* IE10 (2012 Syntax) */
    display: -webkit-flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: left;
}

@media (min-width: 768px) {
    .section-homecats {
        flex-direction: row;
        text-align: left;
    }
}

.section-homecats .section,
.section-homecats ul {
    flex: initial;
}

@media (min-width: 768px) {
    .section-homecats .section,
    .section-homecats ul {
        flex: 0 0 45%;
        /* Two columns for tablet and desktop. Leaving 5% separation between columns */
    }
}

.section-homecats .see-all-articles {
    display: block;
    padding: 15px 0;
}

.section-tree-title a {
    font-size: 24px;
    font-family: 'SHSN';
    font-weight: 400;
    text-align: left !important;
}

.article-list-item-link {
    color: #1F73B7;
}

.hero-text {
    font-size: 24px;
    font-family: 'SHSN';
    padding: 2px 0 20px 0;
}

@media (min-width: 768px) {
    .hero-text {}
}

.family {
    font-size: 18px !important;
}

.breadcrumbs-inner {
    margin-top: 30px;
}

.article-body tbody tr {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.article-body table {
    margin-top: 15px;
    margin-bottom: 20px;
}

.bm30 {
    margin-bottom: 30px;
}

.article-title-container {
    display: flex;
    display: table;
    /* IE < 10, Opera *Presto* Desktop (Now dead) */
    display: -webkit-box;
    /* Safari 3.1 - 6, Chrome < 21 (2009 Spec), UCBrowser Android */
    display: -moz-box;
    /* Firefox 2 - 27 (2009 Spec), UCMini Android */
    display: -ms-flexbox;
    /* IE10 (2012 Syntax) */
    display: -webkit-flex;
    justify-content: space-between;
}

.powered-by-zendesk {
    max-width: 1160px;
    clear: both;
    text-align: right;
    padding: 10px 15px;
    height: 38px;
}

/***** Zendesk Families Dropdown *****/

.sub-nav select {
    max-width: 160px;
}

.family-dropdown {
    background-color: #f3f0ee;
    border: 0px;
    outline: 0px;
}

.family-dropdown:active,
.family-dropdown:focus {
    border: 0px;
    outline: 0px;
}

.family-container {
    color: #06363C;
    flex-grow: 1;
}

.family-container img,
.family-container2 img {
    height: 60px;
    position: relative;
}

.family-container2 {
    padding: 30px 0;
}

/****** families dropdown ******/

.borderRadius {
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.borderRadiusTp {
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.borderRadiusBtm {
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.ddcommon {
    position: relative;
    display: -moz-inline-stack;
    zoom: 1;
    display: inline-block;
    *display: inline;
    cursor: pointer;
}

.ddcommon:focus {
    outline: none;
}

.ddcommon ul {
    padding: 0;
    margin: 0;
}

.ddcommon ul li {
    list-style-type: none;
}

.borderRadiusTp ul li:last-child {
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-bottom: 0 none #c3c3c3;
}

.borderRadiusBtm ul li:first-child {
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border-bottom: 1 solid #c3c3c3;
}

.ddcommon .disabled img,
.ddcommon .disabled span,
.ddcommon.disabledAll {
    opacity: .5;
    /* standard: ff gt 1.5, opera, safari */
    -ms-filter: "alpha(opacity=50)";
    /* ie 8 */
    filter: alpha(opacity=50);
    /* ie lt 7 */
    -khtml-opacity: .5;
    /* safari 1.x */
    -moz-opacity: .5;
    /* ff lt 1.5, netscape */
    color: #999999;
}

.ddcommon .clear {
    clear: both
}

/*.ddcommon .shadow {
    -moz-box-shadow: 5px 5px 5px -5px #888888;
    -webkit-box-shadow: 5px 5px 5px -5px #888888;
    box-shadow: 5px 5px 5px -5px #888888;
} */

.ddcommon input.text {
    color: #7e7e7e;
    padding: 0 0 0 0;
    position: absolute;
    background: #fff;
    display: block;
    width: 98%;
    height: 98%;
    left: 2px;
    top: 0;
    border: none;
}

.ddOutOfVision {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.borderRadius .shadow {
    -moz-box-shadow: 5px 5px 5px -5px #888888;
    -webkit-box-shadow: 5px 5px 5px -5px #888888;
    box-shadow: 5px 5px 5px -5px #888888;
}

.borderRadiusBtm .shadow {
    -moz-box-shadow: -5px -5px 5px -5px #888888;
    -webkit-box-shadow: -5px -5px 5px -5px #888888;
    box-shadow: -5px -5px 5px -5px #888888
}

.borderRadiusTp .border,
.borderRadius .border {
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.borderRadiusBtm .border {
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

img.fnone {
    float: none !important
}

.ddcommon .divider {
    width: 0;
    height: 100%;
    position: absolute;
}

.ddcommon .ddArrow {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 4px;
}

.ddcommon .ddArrow:hover {
    background-position: 0 100%;
}

.ddcommon .ddTitle {
    padding: 0;
    position: relative;
    display: inline-block;
    width: 100%
}

.ddcommon .ddTitle .ddTitleText {
    display: block;
}

.ddcommon .ddTitle .ddTitleText .ddTitleText {
    padding: 0;
}

.ddcommon .ddTitle .description {
    display: block;
}

.ddcommon .ddTitle .ddTitleText img {
    position: relative;
    vertical-align: middle;
    float: left;
    height: 70px;
}

.ddcommon .ddChild {
    position: absolute;
    display: none;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    zoom: 1;
    z-index: 9999;
    height: auto !important;
}

.ddcommon .ddChild li {
    clear: both;
}

.ddcommon .ddChild li .description {
    display: block;
}

.ddcommon .ddChild li img {
    border: 0 none;
    position: static;
    vertical-align: middle;
    float: left
}

.ddcommon .ddChild li.optgroup {
    padding: 0;
}

.ddcommon .ddChild li.optgroup .optgroupTitle {
    padding: 0 5px;
    font-weight: bold;
    font-style: italic
}

.ddcommon .ddChild li.optgroup ul li {
    padding: 5px 5px 5px 15px
}

.ddcommon .noBorderTop {
    border-top: none 0 !important;
    padding: 0;
    margin: 0;
}

/****** families dropdown ******/

#zdfamily_child {
    height: none !important;
}

.dd {}

.dd .divider {
    right: 24px;
}

.dd .ddArrow {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    background: url(/hc/theme_assets/1/200468768/dd_arrow_grey.gif) no-repeat;
}

.dd .ddArrow:hover {
    background-position: 0 100%;
}

.dd .ddTitle {
    color: #03363d;
    background: transparent;
}

/*
.dd .ddTitle .ddTitleText {
    padding: 5px 20px 5px 5px;
}
*/

.dd .ddTitle .ddTitleText .ddTitleText {
    padding: 0;
}

.dd .ddTitle .description {
    font-size: 12px;
    color: #666
}

.dd .ddTitle .ddTitleText img {
    padding-right: 5px;
}

.dd .ddChild {
    border: 1px solid #f2f2f2;
    background-color: #fff;
    left: -1px;
}

.dd .ddChild li {
    padding: 1px 0 1px 16px;
    background-color: #fff;
    border-bottom: 1px solid #fafafa;
}

.dd .ddChild li .description {
    color: #666;
}

.dd .ddChild li .ddlabel {
    color: #03363d;
    ;
}

.dd .ddChild li.hover {
    background-color: #f2f2f2
}

.dd .ddChild li img {
    padding: 0 12px 0 0;
}

.dd .ddChild li.optgroup {
    padding: 0;
}

.dd .ddChild li.optgroup .optgroupTitle {
    padding: 0 5px;
    font-weight: bold;
    font-style: italic
}

.dd .ddChild li.optgroup ul li {
    padding: 5px 5px 5px 15px
}

.dd .ddChild li.selected {
    background-color: #ddd;
    color: #000;
    display: none !important;
}

.search-results-other-hc {
    display: flex;
    display: table;
    /* IE < 10, Opera *Presto* Desktop (Now dead) */
    display: -webkit-box;
    /* Safari 3.1 - 6, Chrome < 21 (2009 Spec), UCBrowser Android */
    display: -moz-box;
    /* Firefox 2 - 27 (2009 Spec), UCMini Android */
    display: -ms-flexbox;
    /* IE10 (2012 Syntax) */
    display: -webkit-flex;
    align-items: center;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.search-results-other-hc.homepage {
    display: block;
    margin: 10px auto;
}

.search-results-other-hc-header {
    display: inline-block;
    margin: .67em 0;
}

.support.search-hc-link img {
    height: 55px;
    margin-left: 10px;
}

.chat.search-hc-link img {
    height: 55px;
}

.delay-fade {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.delay-fade.ready {
    opacity: 1;
}

.page-header-search-results-description {
    font-style: italic;
    font-weight: 300;
    word-break: break-word;
    flex-basis: 75%;
    margin: 0;
}

@media (min-width: 1024px) {
    .page-header-search-results-description {
        flex-basis: 75%;
    }
}

html.no-flexbox .flex-item {
    display: table-cell;
}

[data-toggle='collapse'] .card-header::before {
    color: #06363C;
    font-weight: bolder;
    font-family: "entypo";
    content: "\E767";
    float: right;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

[data-toggle='collapse'].collapsed .card-header::before {
    transform: rotate(-180deg);
}

.card > a:hover,
.card > a:active,
.card > a {
    text-decoration: none;
}

.card-header {
    background-color: transparent !important;
    padding: 0.85rem 1.25rem !important;
}

.card-header h4 {
    font-family: 'PNR' !important;
}

.card {
    margin-bottom: 10px;
}

.card-block h4 {
    padding: 0 0 12px;
    border-bottom: 1px solid #eee;
    font-family: 'PNR' !important;
}

.kb {
    margin-bottom: 20px;
}

.kb li {
    margin-bottom: 8px;
}

/* IE SVG fix */

/* 1 */

.ie9 img[src$=".svg"] {
    width: 100%;
}

/* 2 */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    img[src$=".svg"] {
        width: 100%;
    }
}

/* Collapsible sidebar */

/* Sidebar navigation that collapses on mobile */

.collapsible-sidebar {
    border-bottom: 1px solid #ddd;
    flex: 1;
    max-height: 45px;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
}

@media (min-width: 1024px) {
    .collapsible-sidebar {
        border: 0;
        max-height: none;
        padding: 0;
    }
}

.collapsible-sidebar[aria-expanded=true] {
    max-height: none;
}

.collapsible-sidebar[aria-expanded=true] .collapsible-sidebar-title:after {
    content: "\2715";
}

@media (min-width: 1024px) {
    .collapsible-sidebar[aria-expanded=true] .collapsible-sidebar-title:after {
        display: none;
    }
}

.collapsible-sidebar h1 {
    position: relative;
}

.collapsible-sidebar h1:after {
    font-family: "entypo";
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    content: "\A0\A0\E75C";
    position: absolute;
    right: 10px;
}

@media (min-width: 1024px) {
    .collapsible-sidebar-title:after {
        display: none;
    }
}

[dir=rtl] .collapsible-sidebar-title:after {
    left: 10px;
    right: auto;
}

.results {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (min-width: 1024px) {
    .results {
        flex-direction: row;
    }
}

.results-column {
    flex: 1 0 auto;
}

@media (min-width: 1024px) {
    .results-column {
        flex: 0 0 75%;
    }
}

.results-subheading {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 0;
}

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

.results-list-item {
    padding: 14px 0;
    position: relative;
}

.results-list-item-link {
    font-size: 16px;
}

.results-sidebar {
    border-top: 1px solid #ddd;
    flex: 1 0 auto;
    margin-bottom: 20px;
    padding: 0;
}

@media (min-width: 1024px) {
    .results-sidebar {
        border: 0;
        flex: 0 0 20%;
        height: auto;
    }
}

.filter-link {
    display: block;
}

.filters-in-section {
    border-bottom: 1px solid #ddd;
}

@media (min-width: 1024px) {
    .filters-in-section {
        border-bottom: 0;
    }
}

.filters-in-section li[aria-selected="true"],
.filters-in-section li:hover {
    background-color: #f8f8f8;
}

.sidenav-item[aria-selected="true"] {
    background-color: transparent;
    color: #1F73B7;
    text-decoration: none;
}

.sidenav-item a {
    color: #1F73B7;
    text-decoration: none;
}

.sidenav-item a:hover,
.sidenav-item a:active,
.sidenave-item a:focus {
    color: #1F73B7;
    text-decoration: none !important;
    background-color: #f3f0ee;
}

.results-description,
.results-meta {
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.results-description em {
    font-weight: bold;
    font-style: normal;
}

.results-meta-count,
.results-votes {
    color: #073e45;
    font-size: 13px;
    font-weight: 300;
}

.results-icons {
    float: right;
}

@media (max-width: 768px) {
    .results-icons {
        float: initial;
    }
}

.results-votes,
.results-meta-count {
    display: inline-block;
    padding: 4px 5px;
    margin-left: 5px;
}

.results-votes::before,
.results-meta-count::before {
    margin-right: 3px;
}

[dir="rtl"] .results-votes,
[dir="rtl"] .results-meta-count {
    margin-right: 5px;
}

[dir="rtl"] .results-votes::before,
[dir="rtl"] .results-meta-count::before {
    margin-left: 3px;
}

.results-votes::before {
    color: #cccccc;
    content: "\1F44D";
}

.results-meta-count::before {
    color: #cccccc;
    content: "\1F4AC";
}

.results-breadcrumbs li:last-child::after {
    content: "·";
    display: inline-block;
    margin: 0 5px;
}

.results-breadcrumbs a {
    color: #1F73B7;
}

/* Search Results Icons */

.results-votes::before,
.results-meta-count::before {
    font-family: "copenhagen-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    line-height: 1em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}

/* Banner */

.banner-bottom {
    margin: 50px 0 0 0;
    height: 140px;
    background: #f3f0ee;
    padding: 18px 40px 0 40px;
    clear: both;
}

.banner-bottom .banner-info {
    float: left;
    width: 598px;
}

.banner-bottom h1 {
    margin: 0;
}

.banner-bottom h4 {
    width: 90%;
    margin-top: 10px;
}

.banner-bottom .trial-cta {
    display: block;
    float: left;
    margin-top: 10px;
    width: 262px;
    height: 58px;
    padding: 18px 0 0 0;
    color: #fff;
    font-family: 'SHSN';
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    background: #1F73B7;
    border: 0 #464646 solid;
    text-align: center;
    text-transform: uppercase;
    margin-top: 15px;
}

@media only screen and (max-width: 1023px) {
    .banner-bottom {
        margin: 0;
        padding: 32px;
        height: auto;
        text-align: center;
        width: 110%;
        left: -5%;
        position: relative;
    }
    .banner-bottom .banner-info,
    .banner-bottom h1,
    .banner-bottom h4 {
        margin: 0 0 10px 0;
        width: 100%;
    }
    .banner-bottom .trial-cta {
        margin: 0 0 24px 0;
        display: inline-block;
        float: none;
    }
}

.reg-ad-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 12px;
    border: solid 1px #eee;
    border-radius: 5px;
    background-color: #fff;
    padding: 25px 10px;

}

.reg-ad-flex img {
    vertical-align: center;
    max-height: 100px;
    flex-direction: column;
    width: 100px;
}

.reg-ad-flex a,
.reg-ad-flex a:hover {
    text-decoration: none !important;
}

.reg-ad-flex:hover {
    text-decoration: none !important;
}

.reg-ad-flex .try-cta {
    vertical-align: center;
    height: 42px;
    font-size: 14px;
    border-radius: 5px;
    text-align: center;
    background-color: #1F73B7;
    padding: 10px 16px;
    color: white;
    text-transform: uppercase;
    width: auto;
}

.reg-ad-flex h1 {
    margin-top: 10px !important;
}

.reg-ad-flex h4 {
    margin-top: -10px !important;
}

.reg-ad-flex .tag-line {
    display: inline-block;
}

.reg-ad-flex .sub-tag-line {
    display: inline-block;
    margin: 0 0 10px;
    font-size: 10px;
    max-width: 100%;
}

.reg-ad .tag-line {
    margin: 20px 0 0px;
    padding-bottom: 15px;
    font-size: 21px;
    color: #fff;
    width: 70%;
    margin-left: 20px;
}

.reg-ad .sub-tag-line {
    margin: 0 0 15px;
    font-size: 10px;
    color: #fff;
    width: 50%;
    margin-left: 20px;
}

/*Home Page*/

#search {
    padding: 40px 0 40px 0;
}


#search {
    background: #06363C;
}

#search h2 {
    color: #fff;
}

.mb30 {
    margin-bottom: 30px;
}

.justify-content-center {
    text-align: center !important;
}

#dropdownMenuLink:after {
    margin-bottom: 45px;
    color: #464646;
}

#dropdownMenuLink:after {
    margin-bottom: 45px;
    color: #464646;
}

.dropdown-item {
    margin-bottom: -15px;
}

.dropdown-item img {
    height: 60px;
}

.dropdown-toggle .glyphicon {
    margin-left: 20px;
    margin-right: -40px;
}

.dropdown.show {
    height: 60px !important;
}

.dropdown-menu.show {
    display: block!important;
}

/* Button Wobble Effect */

/* Wobble Horizontal */

@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

.hvr-wobble-horizontal:hover,
.hvr-wobble-horizontal:focus,
.hvr-wobble-horizontal:active {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Copenhagen Margin Fix for Nested List */

ul > ul,
ol > ol,
ol > ul,
ul > ol,
li > ul,
li > ol {
    margin: 0 !important;
}

.search-container {
    display: flex;
}

.search-container-home {
    display: flex;
    box-shadow: 0px 1px 7px 0px rgb(182, 187, 185)
}

.search-container form {
    width: 70%;
}


.search-container-home form {
    width: 70%;
}

.search-selector {
    flex: 0 0 30%;
    height: 50px;
    width: 30%;
}

.search-selector img {
    position: absolute;
    right: 25px;
    top: 22px;
    z-index: 10;
    opacity: 0.15;
    pointer-events: none;
}

.search-selector .help-home-page {
    position: absolute;
    right: 25px;
    top: 152px !important;
    z-index: 10;
    opacity: 0.15;
    pointer-events: none;
}

.search-selector ul li {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 0 10px;
    border-left: 0;
    background-color: #ffffff;
    text-align: left;
    z-index: 3;
    cursor: pointer;
}

.search-selector ul a li {
    color: #06363C;
}

.search-selector ul li ul {
    display: none;
    border: 1px solid #ddd;
    padding: 5px 0;
}

.search-selector ul li > ul {
    display: none;
}

.search-selector ul.show li ul {
    display: block;
}

.search-selector ul li ul {
    background-color: #fff;
    position: absolute;
    z-index: 4;
    width: calc(100% + 2px);
    top: 51px;
    left: -1px;
}

.search-selector ul li > ul li {
    height: 40px;
    border: 0;
}

.search-selector ul li > ul a li.active,
.search-selector ul a li.selection {
    color: #03363d;
}

.search-selector ul li > ul li:hover {
    background-color: #f8f8f8;
}

.search-selector ul li > ul li.active:hover {
    background-color: transparent;
}

.search-selector ul li > ul a:hover {
    text-decoration: none;
}

.search-selector ul li > ul a:hover li.active {
    cursor: default;
}

.hide-search {
    display: none;
}

#queryTerm {
    margin-left: -4px;
}

/* Article template UI */

.article-wrapper.container {
    padding: 0;
}

.labels-list {
    display: inline-block;
}

.labels-list-wrapper > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    list-style-type: none;
    padding: 0;
    margin: 0 0 20px;
}

.block-icon-wrapper > ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.block-icon-wrapper > ul > li {
    padding: 2px 10px;
}

.labels-list > li,
.labels-list-wrapper > ul > li {
    border: solid 1px #06363C;
    border-radius: 5px;
    padding: 0 10px;
    margin: 3px;
}

.labels-list > li {
    display: inline-block;
}

.labels-list-wrapper > ul > li > a,
.labels-list-wrapper > ul > li > a:hover,
.labels-list-wrapper > ul > li > a:active,
.labels-list-wrapper > ul > li > a:visited {
    color: #06363C;
}

.block-icon-wrapper {
    flex: 1 0 100%;
    text-align: center;
}

.block-icon-wrapper > img {
    max-height: 80px;
}

.block-text-wrapper {
    border-radius: 25px;
    flex: 1 0 100%;
}

.article-blocks {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.article-blocks .text-block-list > li > ul {
    min-width: 35%;
    padding-left: 0;
}

.article-blocks .text-block-list > li > a {
    color: #1F73B7;
    display: block;
}

.article-blocks .text-block-list > li > ul {
    display: none;
}

@media (min-width: 768px) {
    .article-blocks .text-block-list > li > a {
        min-width: 47%;
    }

    .article-blocks .text-block-list > li > a,
    .article-blocks .text-block-list > li > ul {
        display: inline-block;
    }
}

.block-icon-wrapper > ul > li,
.article-blocks .labels-list > li {
    background-color: #06363C;
    border-radius: 30px;
    line-height: initial;
}

.block-icon-wrapper > ul > li {
    margin: 2px;
}

.article-blocks .labels-list > li {
    margin: 0;
}

.block-icon-wrapper > ul > li > a,
.block-icon-wrapper > ul > li > a:hover,
.block-icon-wrapper > ul > li > a:visited,
.block-icon-wrapper > ul > li > a:focus,
.article-blocks .labels-list > li > a,
.article-blocks .labels-list > li > a:hover,
.article-blocks .labels-list > li > a:visited,
.article-blocks .labels-list > li > a:focus {
    color: #fff;
    font-size: .8em;
    text-decoration: none;
}

.article-body .text-block-list {
    list-style-type: disc;
    padding-left: 20px;
    margin: 20px 15px;
}

.chat-block .block-text-wrapper {
    border: solid 2px #F79A3E;
}

.talk-block .block-text-wrapper {
    border: solid 2px #EFC93D;
}

.guide-block .block-text-wrapper {
    border: solid 2px #EB4962;
}

.support-block .block-text-wrapper {
    border: solid 2px #78A300;
}

.insight-block .block-text-wrapper {
    border: solid 2px #03363d;
}

/*
 * User comments for articles and stuff
 */

.guide__user-avatar {
    background-color: #fff;
    background-size: cover;
    border-radius: 50%;
    height: 100%;
    overflow: hidden;
    width: 100%;
    z-index: 1;
}

.guide__user-avatar__wrap {
    display: inline-block;
    height: 50px;
    overflow: hidden;
    position: relative;
    width: 50px;
    flex: none;
}

.guide__user-badge {
    background-color: #1a5ea9;
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: -2px;
    box-sizing: border-box;
    color: #fff;
    height: 20px;
    line-height: 100%;
    position: absolute;
    right: -2px;
    text-align: center;
    width: 20px;
    z-index: 5;
}

.guide__user-comment__header {
    align-items: flex-start;
    display: flex;
    flex-flow: row nowrap;
    position: relative;
}

.guide__user-comment__meta {
    height: 50px;
    margin-left: .7em;
}

.guide__user-comment__menu {
    align-self: center;
    position: absolute;
    right: 0;
    top: 0;
}

.guide__user-comment__menu .dropdown-toggle::after {
  content: '\f142';
}

/*** Z1 footer ***/
.footer {padding: 0 0 30px;}
.footer-inner a {text-decoration: none;}
.footer-inner {
  padding-top: 30px;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
  flex-direction: row;
}

.main-footer,
.powered-by-zendesk {
    margin: 0 auto;
    width: auto !important;
    height: 80px;
    max-width: 1440px;
    background: white !important;
    padding: 1rem 0;
    text-align: center;
    box-sizing: border-box;
}

/*** End Footer ***/
.comment-container > textarea {
	appearance: textfield;
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	border: none;
    height: 100%;
    opacity: 0;
	padding: 0;
	position: relative;
    resize: none;
    z-index: 1;
}

.comment-container > textarea::placeholder {
    color: #464646;
    font-size: 1rem;
    left: .4rem;
    line-height: 1rem;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
}

#federated-search {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
}

#federated-search .filters-in-section {
  margin-left: 0;
}

#bootstrap-overrides .card-body {
  margin: 20px;
}

#bootstrap-overrides .card .btn {
  border: 1px solid transparent;
  font: bold 125%;
  text-align: left;
  width: 100%;
  background-color: white;
}

#bootstrap-overrides .card .btn-link {
  font-weight: 400;
  color: #1f73b7;
}

/* Hide the My requests table until we've processed it and show it again via JS, preventing flicker of rows we want to hide. */
table[data-requests-table] {
	display: none;
}