/* ==================================================== Font styles ====================================================
    Pages and It's Container

    Article Page : <div class="article-wrapper" id="main-wrap"></div>
    Category Page: <div class="section-tree"></div>
    Community Post Page : <div class="post-container"></div>
    Community Post List : <ul class="posts-list striped-list"></ul>
    Community Topic Page : <div class="blocks topics"></div>
    Contibutions Page : <div id="innerWrap"></div>
    Error Page : <div class="error-page"></div>
    Hashtag Management Page: <div class="article-wrapper" id="main-wrap"></div>
    Home Page: <section class="clearfix"></section>
    Menu Management Items: <ul class="menuManagement ui-sortable" id="mainUL"></ul>
    Menu Management Page: <div class="article-wrapper" id="main-wrap"></div>
    Message Board Admin: .message-board-container
    New Community Post Page : .community-view .container
    New Request Page : <div class="main-inner"></div>
    Request Page : <div id="innerWrap"></div>
    Requests Page : <div id="innerWrap"></div>
    Search Result Page: <div class="search-results"></div>
    Section Page: <ul class="article-list"></ul>
    Subscription Page : <div id="innerWrap"></div>
    User Activities: <section class="profile-section">
    User Profile Page: <header class="profile-header"></header>
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400);

.access-info {
    display: none;
}

.powered-by-zendesk {
    display: none;
}

.inbenta-powered {
    display: none !important;
}

.inbenta-interface .inbenta-rating {
    background-color: #fff !important;
}

.notification-lock {
    display: none;
}

#tabs {
    list-style: none;
}

.cfc {
    width: 600px;
    margin: auto;
}

.cf-header {
    font-size: 33px;
    color: #246fdc;
    font-weight: 600;
    font-family: 'Open Sans', 'Lato', sans-serif;
}

/* ==================================================== Base styles ==================================================== */
*,
input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:focus {
    outline: none !important;
    box-shadow: none !important;
}

html,
body {
    /* height: 880px;
    */
}

html {
    display: none;
    background-color: #FFFFFF;
    overflow-y: scroll;
}

body {
    min-width: 1280px !important;
    color: #003471;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    padding-bottom: 50px;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
}

/* * Links */
a {
    color: #006BFF;
    text-decoration: none;
}

a:hover {
    color: #003471;
    cursor: pointer;
    text-decoration: underline;
}

a:active {
    color: #003471;
}

/* * Images */
img {
    max-width: 100%;
    vertical-align: middle;
}

img[width],
img[height] {
    max-width: none;
}

figure>img {
    display: block;
}

/* * Lists */
ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* * Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-family: inherit;
    font-weight: 400;
}

/* * Forms */
label {
    display: inline-block;
    font-size: 13px;
    vertical-align: middle;
}

input[type=checkbox]+label {
    display: inline-block;
    margin-left: 5px;
}

input,
textarea {
    border: 1px solid #DDD;
    border: 1px solid rgba(0, 0, 0, 0.13);
    padding: 10px;
}

textarea {
    height: 100px;
    padding: 7px 10px;
    resize: vertical;
}

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

input,
textarea,
select {
    color: #003471;
}

select option:hover {
    background-color: red;
}

input::-ms-clear {
    display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

::-webkit-input-placeholder {
    color: #CCC;
}

:-ms-input-placeholder {
    color: #CCC;
}

::-moz-placeholder {
    color: #CCC;
    role: button;
}

/* * Buttons */
button,
[role=button],
[type=button],
[type=submit] {
    background: transparent;
    border-radius: 2px;
    /* border: 1px solid #DDDDDD;
    */
    border: 1px solid #246FDC;
    box-shadow: inset 0 -2px #f6f6f6;
    box-shadow: inset 0 -2px rgba(0, 0, 0, 0.03);
    color: #246FDC;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    /* height: 24px;
    */
    line-height: 21px;
    padding: 0 12px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 2px solid transparent;
    white-space: nowrap;
    letter-spacing: .1px;
    padding: 6px 12px 4px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a[role=button]:hover {
    text-decoration: none;
}

input[type=submit] {
    background: #444;
    border-color: transparent;
    /*box-shadow: inset 0 -2px #222;
    */
    color: #FFF;
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
}

input[type=submit][disabled] {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    /* IE 8 */
    opacity: .4;
}

/* * Tables */
table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    border-left: 1px solid #bacae4;
    border-top: 1px solid #bacae4;
    border-bottom: 1px solid #bacae4;
    border-right: 1px solid #bacae4;
    color: #0d2a4d;
}

table.bgcolor {
    background-color: #F7F7F7;
}

td,
th {
    border: 1px solid #617792;
    padding: 12px;
}

/*override Paligo style*/
tr th,
tr td {
    border: 1px solid #617792 !important;
    padding: 12px;
}

.cke_dialog_contents tr td {
    border: 0px !important;
}

table.nohead tr:first-child {
    white-space: inherit;
}


/*fix for paligo img table */
table:not(.image-viewport) tr:hover {
    background-color: #F4F8FE !important;
}

.mdxcss .article-attachments {
    display: none;
}


.mdxcss table:not(.msgboard):not(.nohead):not(.image-viewport) tbody:first-child tr:first-child td,
.mdxcss table tr:first-child th {
    color: #0d2a4d;
    background-color: #DDE6F5;
    font-size: 16px;
    height: 30px;
    text-transform: uppercase;
    font-weight: 700;
}

.mdxcss .borderLess tr:first-child td a,
.mdxcss .borderLess tr:first-child th a {
    color: #006BFF !important;
}

.tableintopic a {
    color: #006BFF !important;
}

.subContent {
    zoom: 0.9;
    margin: 10px;
}

.scroll {
    overflow-x: scroll;
    display: block;
}

td {
    vertical-align: top;
    line-height: 20px;
    font-size: 15px;
}

h1 {
    color: #003471;
    font-weight: 600;
    font-size: 28px;
}

h3,
.heading3 {
    color: #003471;
    font-weight: 400;
    font-size: 20px;
}

.table3party tr td {
    padding: 0;
    padding-left: 10px;
    padding-top: 8px;
}

.tableinapi td {
    vertical-align: top;
    line-height: 15px;
    font-size: 12px !important;
}

/* ==================================================== Helper classes ==================================================== */
/* * Clearfix: contain floats */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

/* * Column size */
.main-column {
    float: left;
    width: 800px;
}

.side-column {
    float: right;
    width: 350px;
}

/* * Dropdowns */
.user-nav .dropdown-toggle:after {
    content: "" !important;
}

a.dropdown-toggle {
    top: 1px;
    /*It was not properly aligned before*/
}

a.dropdown-toggle:after,
a.article-unsubscribe:after,
a.article-subscribe:after {
    content: "";
}

a.article-unsubscribe:before {
    content: "";
}

a.article-subscribe:before {
    /* content: " + "; */
}

/* * Visibility */
.visibility-internal-icon:before {
    cursor: default;
    content: "\1F512";
    font-family: "entypo";
    margin-right: 5px;
}

.visibility-internal {
    margin-right: 10px;
    float: left;
    position: relative;
}

.visibility-internal:before,
.visibility-internal:after {
    display: none;
    position: absolute;
}

.visibility-internal:hover:before,
.visibility-internal:hover:after {
    display: block;
}

.visibility-internal:before {
    background: #222;
    background: rgba(0, 0, 0, 0.85);
    border-radius: 4px;
    color: #FFF;
    content: attr(data-title);
    text-transform: none;
    font-family: sans-serif;
    left: -10px;
    margin-top: 5px;
    padding: 3px 10px;
    top: 100%;
    white-space: nowrap;
    z-index: 1;
}

.visibility-internal:after {
    border-bottom: 5px solid #222;
    border-bottom: 5px solid rgba(0, 0, 0, 0.85);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: -5px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -5px;
    width: 0;
}

/* ==================================================== Content frame ==================================================== */
main {
    display: none;
}

.inAppMain {
    width: 100% !important;
}

main,
.header-inner,
.footer-inner {
    margin: 0 auto;
}

.header-inner {
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
}

.header {
    background-color: #2e64f8;
    height: 40px;
    width: 100%;
    position: fixed;
    z-index: 9;
    min-width: 1200px;
}

#filterContent {
    /* border-bottom: 1px solid #071729;
    */
    padding-top: 20px
}

#filterContent span {
    color: #FFF;
    font-weight: bold;
    font-size: 10px;
    padding-left: 16px;
}

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

.logo {
    display: inline-block;
    width: 295px;
}

.logo a {
    max-width: 87%;
    display: inline-block;
    margin-top: 10px;
    margin-left: 42px;
}

.logo img {
    width: auto;
    vertical-align: middle;
    max-height: 21px;
    height: 21px;
    float: left;
}

.logo span {
    width: auto;
    margin: 2px 0 0 9px;
    float: left;
    display: block;
    font-size: 16px;
    color: #FFF;
    border-left: 1px solid #fff;
    padding-left: 9px;
    line-height: 1;
}

.user-nav {
    font-size: 15px;
    padding-right: 20px;
    display: flex;
    align-items: center;
}

.user-nav a {
    display: inline-block;
    font-size: 15px;
}

.sectionloader {
    margin: 5%;
}

.switchTag {
    font-family: Arial, "sans-serif", "Titillium Web";
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none !important;
    width: 88%;
    margin-top: 6px;
    color: #fff;
    margin-left: 15px;
    border: solid 1px #033d6e;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 30px;
    padding: 0px 0 0 12px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1em;
    /* background: url(//theme.zdassets.com/theme_assets/539845/6b2b93caff3b7bd653fc2861a6cefef3f24e3ed2.png) no-repeat 95% 10px #001838; */
}

.switchTag option {
    background: #001838;
}

/* ==================================================== User nav links ==================================================== */
#user #user-name {
    width: 32px;
    height: 32px;
    background-color: #0046b2;
    font-size: 12px;
    border-radius: 50%;
    border: 1px solid transparent;
    padding: 15%;
}

#user {
    display: inline-block;
}

.headerRight {
    margin-top: -5px;
}

.user-nav>* {
    display: inline-block;
    font-size: inherit;
    vertical-align: middle;
    float: left;
    margin: 0;
    display: flex;
    align-items: center;
}

.user-info [role="button"] {
    background: #2e64f7 !important;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0;
    background-color: transparent;
    color: #FFF;
    line-height: 1em;
    border: 0;
    padding: 0 !important;
    font-size: 18px;
}

.user-info [role="button"]:hover {
    border: 0;
    box-shadow: none;
    color: #FFF;
    background: none;
}

.user-info [role="button"]:active {
    background: none;
    box-shadow: none;
    color: #FFF;
}

#user .user-avatar {
    margin-right: 4px;
    max-height: 20px;
}

#user .user-avatar,
#user .user-avatar+span {
    display: none;
    vertical-align: middle;
}

.submit-a-request {
    margin-right: 18px !important;
    color: #FFF !important;
    /* font-size: 18px !important;
    */
    /* border-bottom: 1px solid #fff;
    */
}

.login,
.user-info {
    margin-left: 14px;
}

.login {
    color: #FFF !important;
}

/* User Profiles */
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 1150px !important;
}

.profile-header {
    padding: 30px 0;
    background-color: #fff;
}

.container {
    max-width: 100%;
}

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

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

.profile-nav .collapsible-nav-list {
    border-top: 10px solid #f7f7f7;
}

.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;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    flex-basis: 0;
    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: #0068FF;
    border: 0;
    color: #FFF;
    line-height: normal;
    padding: 5px 15px;
}

.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: #606060;
    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 #0068FF;
    border-radius: 4px;
    color: #0068FF;
    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 {
    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: #606060;
    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;
        padding-bottom: 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: 16px;
    color: #ccc;
    font-family: "copenhagen-icons";
    line-height: 25px;
}

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

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

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

@media (min-width: 768px) {
    .profile-contribution-list .profile-contribution-header {
        margin-left: 0;
    }

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

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

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

@media (min-width: 768px) {
    .profile-comments .profile-contribution-breadcrumbs {
        margin-left: 0;
    }

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

.profile-contribution-breadcrumbs li {
    font-size: 13px !important;
}

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

@media (min-width: 768px) {
    .profile-activity-contribution {
        margin-top: 0;
        margin-left: 50px;
    }

    [dir="rtl"] .profile-activity-contribution {
        margin-left: 0;
        margin-right: 50px;
    }
}

.profile-activity::before {
    position: absolute;
    left: 0;
    width: 28px;
    border-radius: 50%;
    content: "";
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: 50% 50%;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #ccc;
    font-family: "copenhagen-icons";
}

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

@media (min-width: 768px) {
    .profile-activity::before {
        left: -14px;
    }

    [dir="rtl"] .profile-activity::before {
        right: -14px;
    }
}

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

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

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

/***** User avatar *****/
.user-avatar {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}

.avatar {
    display: inline-block;
    position: relative;
}

.avatar img {
    height: 40px;
    width: 40px;
}

.avatar .icon-agent::before {
    background-color: #0072EF;
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: -4px;
    color: #FFFFFF;
    content: "\1F464";
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    position: absolute;
    right: -2px;
    text-align: center;
    width: 14px;
    font-family: "copenhagen-icons";
}

/***** Metadata *****/
.meta-group {
    display: block;
}

.meta-group * {
    display: inline;
}

.meta-data {
    color: #666;
    font-size: 13px;
    font-weight: 300;
    text-transform: capitalize;
}

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

/* 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: #333333;
    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: #333333;
    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 #00D1C6;
        order: 1;
        padding: 15px 0 11px 0;
    }
}

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

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

/***** 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;
}

/***** 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; */
    margin-top: 30px !important;
}

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

.post-to-community {
    margin-top: 10px;
    float: right;
    padding-right: 20px;
}

.community-follow a,
.community-footer a.button-large,
.post-to-community a.button-large {
    line-height: 1;
    padding: 11px 10px 10px 10px !important;
    border-radius: 3px;
    border: 1px solid #bacae4;
    color: #006bff;
    box-shadow: none;
}

.community-follow a:hover,
.community-footer a:hover,
.post-to-community a:hover {
    background-color: #448df7 !important;
    color: #fff !important;
    border-color: #448df7 !important;
}


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

/* Community topics grid */
.community-view .topics {
    max-width: none;
    width: 100%;
    margin-top: 35px;
}

.community-view .topics-item {
    display: inline-flex;
    border: 1px solid #2e64f7;
    padding: 10px;
    margin: 20px 10px;
    width: 350px;
    height: 150px;
}

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

.blocks-item-title {
    margin: 10px;
    font-size: 20px;
    width: 300px;
    height: 80px;
}

.blocks-item:hover {
    background-color: #448df7 !important;
    border-color: #448df7 !important;
}

.blocks-item:hover li,
.blocks-item:hover a {
    color: #fff !important;
}

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

.community-view .post-to-community .dropdown-toggle {
    text-transform: none;
    border-radius: 3px;
    border: 1px solid #bacae4;
    color: #006bff;
    margin-top: -2px;
}

.topics-item .meta-group .meta-data {
    color: #666;
    font-size: 15px;
    font-weight: 300;
    padding-left: 10px;
}

/* 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;
    }
}

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

/* Topic, post and user follow button */
.community-follow {
    margin-bottom: 10px;
    width: 100%;
}

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

.community-follow .dropdown {
    /* width: 100%; */
}

.community-follow [role="button"] {
    line-height: 30px;
    padding: 0 10px 0 15px;
    position: relative;
    width: 100%;
}

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

.community-follow [role="button"]:hover {
    background-color: #0068FF;
}

.community-follow [role="button"]:hover::after {
    border-color: #fff;
    color: #fff;
}

.community-follow [role="button"][aria-selected="true"]:hover {
    background-color: #003e99;
    border-color: #003e99;
}

.community-follow [role="button"]::after {
    border-left: 1px solid #0068FF;
    content: attr(data-follower-count);
    color: #0068FF;
    display: inline-block;
    margin-left: 15px;
    padding-left: 10px;
    position: absolute;
    right: 10px;
}

@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 #0068FF;
    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: #0068FF;
    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: #003e99;
}

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

.striped-list-count {
    color: #606060;
    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: #2D2D2D;
        display: block;
        font-weight: 400;
    }
}

/***** 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: #0068FF;
}

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

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

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

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

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

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

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

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

/* ==================================================== Search ==================================================== */
.highlighter {
    background-color: #FFFFBE;
}

.search {
    position: relative;
}

/* .search:before {
    color: #003471;
    content: "\1F50D";
    font-family: "entypo";
    line-height: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    z-index: 1;
}
a */
.search input[type=search] {
    background: #FFF;
}

.hero-unit {
    height: 134px;
    width: 100%;
    background-color: #0b3470;
    background: url(//theme.zdassets.com/theme_assets/539845/ffdc2f96e5b0b95ab7420504f605ad4e7f78a670.jpg);
    background-attachment: fixed;
    background-size: 100%;
    /* border-top: 3px solid #00d1c6;
    */
    padding: 0;
    display: flex;
    align-items: center;
}

.hero-unit .search-box {
    /* width: 980px;
    background: url('/hc/theme_assets/539845/200023575/home-icon.png') no-repeat 20px;
    */
    margin: 0 auto;
    max-width: 1200px;
    padding-left: 20px;
}

.hero-unit .search {
    font-size: 22px;
    width: 100%;
}

.hero-unit h1 {
    /* padding-top: 10px;
    */
    font-size: 36px !important;
    font-weight: 400 !important;
    color: #fff !important;
    margin: 0 !important;
    font-family: 'Open Sans', 'Lato', sans-serif !important;
    cursor: default;
}

.hero-unit h3 {
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    line-height: 1.2;
}

.hero-unit .search input[type=search] {
    height: 50px;
    color: #003471;
    border: none;
}

.hero-unit .search input[type=text] {
    height: 60px;
    width: 100%;
}

.hero-unit .search input[type=submit] {
    width: 118px;
    background-color: #006BFF;
    min-width: 100px;
    text-transform: none;
    margin: 0 0 3px 11px;
    padding: 0 0 3px;
    border-radius: 3px;
    font-size: 18px;
    height: 50px;
}

.clearfix .search input[type=submit] {
    width: 118px;
    background-color: #006BFF;
    min-width: 100px;
    text-transform: none;
    margin-left: 16px;
    padding: 0 0 3px;
    border-radius: 3px;
    font-size: 18px;
    height: 50px;
}

.clearfix form {
    margin: 0 0 16px 0;
}

form #query {
    border-radius: 2px;
    background-color: #ffffff;
    border: none;
}

.hero-unit .search #query {
    border-radius: 2px;
    padding-left: 20px;
    font-family: Arial, "sans-serif", "Titillium Web";
    margin-top: 22px;
    width: 70%;
    max-width: 734px;
    min-width: 500px;
    line-height: 2em;
}

.clearfix .search #query {
    border-radius: 3px;
    width: 480px;
    border: solid 1px #979797ad;
    color: #003471;
    font-family: Arial, "sans-serif", "Titillium Web";
    font-size: 22px;
    padding: 11px 10px 11px 21px;
}

.error-page .clearfix .search #query {
    width: 350px !important;
}

.clearfix .search {
    display: inline-flex;
}

.mdxcss .search input::-webkit-input-placeholder {
    font-size: 18px;
    font-style: italic;
    color: #B9BDC5;
}

.mdxcss .search input:-moz-placeholder {
    font-size: 18px;
    font-style: italic;
    color: #B9BDC5;
}

.mdxcss .search input::-moz-placeholder {
    font-size: 18px;
    font-style: italic;
    color: #B9BDC5;
}

.mdxcss .search input:-ms-input-placeholder {
    font-size: 18px;
    font-style: italic;
    color: #B9BDC5;
}

#search-header {
    padding-top: 45px;
}

#search-header span {
    color: #FFF;
}

.sub-nav {
    min-height: 102px;
    background-color: #0b3470;
    padding: 11px 0 20px;
    margin: 0 auto;
    width: 100%;
    display: block;
    margin-bottom: 17px;
}

.mdxcss .sub-nav {
    /* border-top: 3px solid #00d1c6;
    */
}

.nav-border {
    border-top: 3px solid #00d1c6;
}

.inAppMain .nav-border {
    display: none !important;
}

.sub-nav .search {
    margin: 0;
    text-align: right;
    font-size: 22px;
    margin-right: 25px;
    width: 350px;
    float: right;
}

.sub-nav .search:before {
    font-size: 16px;
    width: 35px;
}

.sub-nav .search input[type=search] {
    height: 40px;
    border: 1px solid #006BFF;
    margin-top: 20px;
    width: 100%;
    line-height: 1.2em;
}

.mdxcss .search input[type=search] {
    max-width: 544px;
}

.sub-nav .search input[type=text] {
    padding: 6px 10px 6px 35px;
    height: 30px;
    width: 270px;
}

.sub-nav .search input[type=submit] {
    display: none;
}

.section-description {
    display: none !important;
}

main .sub-nav .sub-nav-inner,
main .page-header,
main .article-list,
main .topic- list,
main .section-description,
.search-results {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    padding-left: 20px;
    display: block;
}

main .section {
    padding-left: 20px;
    padding-right: 30px;
    max-width: 1200px;
    margin: 0 auto;
    /* padding-top: 30px;
    */
    width: 100%;
    display: block;
}

.section a,
.section a:hover,
.section a:active,
.section a:visited {
    text-decoration: none !important;
}

.article-list a,
.article-list a:hover,
.article-list a:active,
.article-list a:visited {
    text-decoration: none !important;
    font-size: 15px;
}

.category-empty,
.section-empty {
    width: 94%;
    max-width: 1200px;
    margin: 0 auto;
    display: block;
    padding-top: 15px;
    padding-left: 20px;
    clear: both;
    min-height: 240px;
}

.page-header {
    padding: 0 !important;
    border-bottom: 0 !important;
}

.mdxcss .page-header h1 {
    font-weight: 400;
    clear: left;
    padding: 17px 0 0;
    margin: 0;
    color: #FFF;
    width: 60%;
    float: none;
}

.community-view .page-header h1 {
    color: #00244d !important;
    padding: 30px 0px;
    width: 100%;
}

.page-header h1 {
    font-weight: 400;
    clear: left;
    padding: 17px 0 0;
    margin: 0;
    color: #FFF;
    width: 60%;
    float: none;
}

.support_kb .section-subscribe {
    display: block;
}

/* ==================================================== Navigation Pages ==================================================== */
body.community-enabled .knowledge-base {
    margin: 0 auto;
    width: 100%;
}

body.community-enabled .community {
    float: right;
    width: 270px;
}

.community {
    background: #EEF2F8;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 5px;
    padding: 25px 20px;
    margin-top: 65px;
    margin-bottom: 30px;
}

.community h2,
.community h3,
.section h3 {
    height: 30px;
    font-size: 18px;
    margin: 10px 0 5px;
}

.community h4 {
    font-size: 15px;
    font-weight: 700;
    margin-top: 0;
}

.community h4 a {
    font-size: 11px;
    font-weight: 400;
    margin-left: 5px;
}

.community .trending-questions+h4 {
    margin-top: 50px;
}

.post-to-community [role=button] {
    box-shadow: none;
    padding: 0 0 0 20px;
}

.article-list {
    padding: 0 20px !important;
}

.top-download {
    margin: 0 auto;
    font-size: 18px;
    text-align: left;
    padding: 35px 0px 30px 0px;
    width: 1155px;
}

.noContent {
    margin: 0 auto;
    display: none;
    font-size: 18px;
    text-align: center;
    padding-top: 200px;
    width: 800px;
}

.noContent a {
    border-bottom: 1px solid #006BFF;
}

.mdxcss .section-tree .section {
    padding: 40px 30px 10px 20px;
    max-width: 600px;
    margin: 0 auto;
    width: 50%;
    display: block;
    float: left;
}


.mdxcss .section-tree .article-list {
    border-top: 1px solid #006BFF;
}

.article-list li,
.community li {
    margin-bottom: 10px;
}

.mdxcss .article-list li,
.community li {
    border-bottom: 1px solid #dae2f0;
}

.category h2 {
    border-bottom: 1px solid #ECECEC;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    font-size: 15px;
    font-weight: 700;
    margin: 25px 0;
    padding-bottom: 18px;
}

.see-all-articles {
    border-bottom: 1px solid #006BFF;
    color: #006BFF !important;
}

.category-description,
.section-description {
    color: #bbb;
    margin-bottom: 50px;
    margin-top: -15px;
}

.mdxcss .section-tree {
    max-width: 1200px;
    margin: 0 auto;
}

.mdxcss .article-body .section {
    padding: 40px 30px 10px 20px;
    max-width: 600px;
    margin: 0 auto;
    width: 50%;
    display: block;
    float: left;
}

.mdxcss .article-body .section {
    padding: 40px 0px 10px 0px;
}

.section.internal.sub-topic {
    padding-top: 0px !important;
}

.section.internal.sub-topic h3.title {
    height: auto;
    margin-bottom: 15px;
}

.section.internal .accordion {
    float: none;
}

.section.internal .accordion h3.title {
    margin-top: 0px;
}

.section.internal {
    padding-top: 0 !important;
}

.section.zd-article {
    padding: 0 !important;
}

.section.accordion.internal.sub-topic {
    padding-top: 10px;
}

.tip h3.title,
.note h3.title,
.warning h3.title,
.info h3.title,
.important h3.title {
    display: none !important;
}

/* .mdxcss .section h3 {
    float: left;
}
*/
.mdxcss .section h3 a {
    float: left;
    color: #0d2a4d;
}

.supportkb .section h3 {
    float: left;
}

.category-list a,
.section-list a {
    color: inherit;
    display: inline-block;
    font-size: 18px;
    margin-bottom: 10px;
}

/* ==================================================== Promoted tooltip ==================================================== */
.article-promoted span {
    cursor: default;
    font-family: "entypo";
    margin-right: 5px;
    position: relative;
}

.article-promoted span:before,
.article-promoted span:after {
    display: none;
    position: absolute;
}

.article-promoted span:hover:before,
.article-promoted span:hover:after {
    display: block;
}

.article-promoted span:before {
    background: #222;
    background: rgba(0, 0, 0, 0.85);
    border-radius: 4px;
    color: #FFF;
    content: attr(data-title);
    font-family: sans-serif;
    left: -10px;
    margin-top: 5px;
    padding: 3px 10px;
    top: 100%;
    white-space: nowrap;
    z-index: 1;
}

.article-promoted span:after {
    border-bottom: 5px solid #222;
    border-bottom: 5px solid rgba(0, 0, 0, 0.85);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: -5px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -5px;
    width: 0;
}

/* ==================================================== Sub nav ==================================================== */
/*.sub-nav {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 0;
    padding: 25px 0;
}
.sub-nav .breadcrumbs {
    float: left;
    margin-top: 7px;
}
*/
.sub-nav-far {
    margin-top: 20px;
}

/* ==================================================== Breadcrumbs MDX & Support KB ==================================================== */
.breadcrumbs {
    float: left;
    color: #FFF;
    line-height: 1;
    white-space: nowrap;
    display: none;
}

.breadcrumbs:first-child {
    display: block;
}

.breadcrumbs a:visited {
    color: #FFF;
}

.sub-nav .breadcrumbs {
    float: left;
    color: #FFF;
    line-height: 1;
}

.breadcrumbs a {
    color: #FFF !important;
}

.sub-nav .breadcrumbs a:hover {
    color: #FFF;
    text-decoration: none;
}

.sub-nav .breadcrumbs a:visited {
    color: #FFF;
}

.support_kb .sub-nav .breadcrumbs a:visited {
    color: #757575;
}

.support_kb .sub-nav .search {
    margin-right: 40px;
}

.breadcrumbs li {
    display: inline-block;
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: .8px;
}

.breadcrumbs li+li:before {
    color: #AAE9EC;
    content: "\00a0»\00a0";
}

.support_kb .breadcrumbs {
    /* color: #000;
    */
}

.support_kb .breadcrumbs a {
    color: #757575;
}

.support_kb .breadcrumbs a:hover {
    color: #6D6D6D;
}

.support_kb .breadcrumbs li {
    font-size: 14px;
}

.support_kb .breadcrumbs li+li:before {
    color: #FFF;
}

/* .support_kb table tbody:first-child tr:first-child td,.support_kb table tr:first- child th {
    color: #0d2a4d;
    background-color: #DDE6F5;
    font-size: 16px;
    height: 30px;
    text-transform: uppercase;
    font-weight: 700;
}
*/
/* ==================================================== Article ==================================================== */
/* * Header */
.article-header h1 {
    float: left;
    width: 87%;
    margin-bottom: 15px;
}

.article-header h1 span:not(.art-title) {
    color: #00D1C6;
}

.article-header .video-title {
    color: transparent !important;
}

.mdxcss .article-header h1 {
    font-size: 30px;
    font-weight: 400;
    clear: left;
    padding: 17px 0 0;
    margin: 0;
    color: #FFF;
    width: 65%;
    float: none;
}

.article-author {
    color: #333;
    font-weight: 700;
    margin-top: 2px;
}

.article-metadata {
    float: left;
    padding-left: 55px;
    position: relative;
}

.article-avatar {
    left: 0;
    position: absolute;
    top: 0;
}

.article-avatar img {
    max-height: 38px;
    max-width: 38px;
}

.article-updated {
    color: #fff;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.request-article,
.suggest-edit,
.suggest-edit2,
.flag-article,
.add-article,
.use-article,
.reference-article,
.article-unsubscribe,
.article-subscribe {
    margin-top: -20px;
    margin-left: 15px;
    line-height: 1;
    font-size: 14px;
    padding: 6px 8px !important;
    border: 1px solid #bacae4;
    color: #006BFF;
    border-radius: 3px;
    box-shadow: none;
    float: right;
}

.past-incidents {
    margin-left: 15px;
    line-height: 1;
    font-size: 14px;
    padding: 6px 8px!important;
    margin-top: 0;
    float: right;
    border: 0px;
    text-decoration: initial !important;
    color: #006bff !important;

}
.past-incidents:hover {
    color: #003471!important;
}

.request-article:hover,
.suggest-edit:hover,
.suggest-edit2:hover,
.flag-article:hover,
.add-article:hover,
.use-article:hover,
.reference-article:hover,
.article-subscribe:hover,
.section-subscribe .dropdown-toggle:hover {
    background-color: #448df7 !important;
    color: #fff !important;
    border-color: #448df7 !important;
}

.article-wrapper {
    margin-top: 5px;
}

.article-subscribe {
    border-radius: 3px !important;
    border: solid 1px #979797 !important;
    /* color: #5c5c5c !important; */
}

.article-unsubscribe {
    background-color: #246fdc !important;
    color: #fff !important;
    border: 1px solid #246fdc !important;
}

.article-info {
    clear: left;
    color: #505050;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 0;
}

.dropdown-toggle,
.section-unsubscribe {
    padding-left: 0;
}

.mdxcss .subscriptionContainer {
    text-align: right;
    margin: 0 auto;
    width: 100%;
    padding: 20px;
    display: block;
    max-width: 1150px;
    clear: left;
}

.comment-actions-container .dropdown-toggle {
    /* line-height: 1; */
    padding: 6px 8px 6px 10px !important;
    border-radius: 3;
    border: 1px solid #bacae4;
    color: #006BFF;
    box-shadow: none;
}

/* * Sidebar */
.article-sidebar {
    margin-top: 42px;
}

.article-sidebar h3 {
    margin-bottom: 30px;
    padding-bottom: 5px;
}

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

/* * Body */
.article-body {
    line-height: 26px;
    font-size: 16px;
    word-wrap: break-word;
    clear: both;
    /* padding-top: 20px; */
}

.mdxcss #caseExamples,
.article-body h2 {
    font-weight: 600;
    margin-top: 24px;
    margin-bottom: 18px;
    border-bottom: 1px solid #0B69FC;
    padding: 0 0 10px;
    font-size: 25px;
    color: #0D2A4D;
}

.article-body h2:first-of-type {
    margin-top: 15px;
}

.support_kb .article-body h2:first-of-type {
    margin-top: 0px;
}

.article-body h3 {
    color: #068ec1;
    font-size: 20px;
    font-weight: 600;
}

.support_kb .article-body h3 {
    color: #003471;
}

.looksLikeH2 {
    font-weight: 600 !important;
    margin-top: 24px;
    margin-bottom: 18px;
    border-bottom: 1px solid #0B69FC;
    padding: 0 0 10px;
    font-size: 25px !important;
    color: #0D2A4D !important;
}

.article-body h4 {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.article-body h6 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

/* .article-body h6 {
    color: #003471;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 0px 0 0px 0px;
}
*/
.article-body h5,
.article-body .procedure-title,
.article-body h4 {
    color: #003471;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.article-body h7 {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.article-body img {
/*    border: 1px solid #ECECEC;
    border: 1px solid rgba(0, 0, 0, 0.07);*/ 
    height: auto;
    max-width: 100%;
    padding: 3px;
}

/*paligo img*/
.container-article img {
    border: 0 !important;
    height: auto;
    max-width: 100%;
    padding: 3px;
}

.img-thumbnail {
    max-width: 300px
}


/* code viewer .article-body pre {
    background: #f6f6f6;
    background: rgba(0,0,0,0.02);
    border: 1px solid #ECECEC;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre;
}
*/
.article-body blockquote {
    border-left: 1px solid #ECECEC;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
    color: #bbb;
    font-style: italic;
    margin: 20px 0;
    padding-left: 20px;
}

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

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

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

.article-body ol {
    list-style-type: decimal;
}

.article-body li {
    margin-left: 0;
    margin-bottom: 0;
}

.article-body .note li {
    margin-left: 20px;
}

.article-body ul ul {
    list-style-type: circle !important;
    margin-left: 20px;
}

.article-body ul ul ul {
    list-style-type: square !important;
}

.article-body table {
    /* position: relative;
    */
    z-index: 1;
    margin: 25px 0px;
}

.table-responsive {
    overflow-x: auto;
}

.quickNavMenu {
    margin-bottom: 20px;
    max-height: 700px;
    overflow-y: auto;
    overflow-x: hidden;
}

.quickNavMenu h3 {
    border-bottom: 1px solid #0B69FC;
    margin: 0;
    color: #002C68;
}

.quickNavMenu li {
    color: #158ec2;
}

/* * Footer */
.article-footer {
    clear: both;
    margin: 30px 0;
    padding: 50px 0;
}

.article-footer .article-vote {
    float: left;
}

.article-footer .share {
    float: right;
    margin-top: 2px;
}

/* * Vote */
.article-vote {
    position: relative;
}

.article-vote small {
    color: #bbb;
    display: block;
}

.article-vote a:hover {
    text-decoration: none;
}

.article-vote-controls {
    position: absolute;
    right: -100px;
    top: 0;
}

.article-list small {
    color: #7B8994;
}

/* * Vote icons */
.article-vote-up,
.article-vote-down {
    color: inherit;
    font-family: "FontAwesome";
    width: 40px;
    height: 40px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative;
    top: -1px;
}

.article-vote-up:before {
    content: "\1f44d";
    content: "\f164";
}

.article-vote-down:before {
    content: "\1f44e";
    content: "\f165";
}

.article-voted {
    box-shadow: inset 1px 1px 5px #DDD;
    opacity: 1;
}

.article-vote-up.article-voted {
    color: #079fd2;
}

.article-comments h2 {
    font-size: 17px;
    margin-top: 50px;
    font-weight: 700;
}

.article-avatar img {
    border-radius: 3px;
}

/* ==================================================== Social share links ==================================================== */
.share li {
    display: inline-block;
}

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

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

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

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

.share-facebook:before {
    background: #3B5998;
    content: "\F30C";
}

.share-linkedin:before {
    background: #4875B4;
    content: "\F318";
}

.share-googleplus:before {
    background: #CD3C2A;
    content: "\F30F";
}

.share-label {
    cursor: pointer;
}

.share-label+.share {
    background: #FFF;
    border: 1px solid #DDD;
    border: 1px solid rgba(0, 0, 0, 0.17);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    left: 50%;
    line-height: 70px;
    margin: 10px 0 0 -75px;
    position: absolute;
    text-align: center;
    top: 100%;
    white-space: nowrap;
    width: 175px;
    z-index: 1;
}

.share-label+.share:before,
.share-label+.share:after {
    content: "";
    display: inline-block;
    left: 50%;
    position: absolute;
}

.share-label+.share:before {
    top: -7px;
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-bottom: 7px solid #CCC;
    border-left: 7px solid rgba(0, 0, 0, 0);
    margin-left: -6px;
}

.share-label+.share:after {
    top: -6px;
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-bottom: 6px solid #FFF;
    border-left: 6px solid rgba(0, 0, 0, 0);
    margin-left: -5px;
}

.share-label[aria-selected="true"] {
    color: #111;
}

.share-label[aria-selected="true"]+.share {
    display: block;
}

.share-label[aria-selected="false"]+.share {
    display: none;
}

/* ==================================================== Attachments/Screencasts ==================================================== */
.attachment-list,
.screencast-list {
    font-size: 11px;
}

.attachment-list span,
.screencast-list span {
    color: #bbb;
}

.comment .attachment-list,
.comment .screencast-list {
    margin-top: 25px;
}

.comment .attachment-list li,
.comment .screencast-list li {
    margin-bottom: 10px;
}

.comment .attachment-list li:before,
.comment .screencast-list li:before {
    background: #f6f6f6;
    border-radius: 3px;
    color: #bbb;
    font-family: "entypo";
    margin-right: 5px;
    padding: 5px;
}

.comment .attachment-list li:before {
    content: "\1F4CE";
}

.comment .screencast-list li:before {
    content: "\1F4BB";
}

/* ==================================================== Comments - Used in the Article page and Request page ==================================================== */
.comment,
.comment-form {
    border-top: 1px solid #ECECEC;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    font-size: inherit;
    line-height: 1.3;
    min-height: 100px;
    padding: 20px 0;
    position: relative;
}

.comment-container {
    margin-left: 55px;
}

.comment-avatar {
    margin-right: 10px;
    display: inline-block;
}

.comment-meta {
    flex: 1 0 auto;
}

.comment-avatar img {
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    max-width: 65px;
    max-height: 65px;
}

.comment-avatar-agent:after {
    background-color: transparent;
    background-image: url("//theme.zdassets.com/theme_assets/539845/823f3892f5e99cb9eda4a864e6089407e4553d9b.png");
    background-image: url("//theme.zdassets.com/theme_assets/539845/b7b159357f6a1f0630bade7816c85d4c27c808a2.svg");
    background-repeat: no-repeat;
    background-size: 14px;
    position: absolute;
    width: 15px;
    height: 15px;
    bottom: -5px;
    right: -3px;
    content: " ";
}

.comment-author {
    font-size: 12px;
    margin: 0 0 15px;
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    justify-content: space-between;
}

.dropdown-toggle {
    text-align: initial;
    background: none;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    padding: 0px;
}

.comment-published,
.comment-edit,
.comment-delete,
.comment-mark-as-spam {
    float: right;
    font-size: 11px;
    margin-right: 12px;
    margin-left: 12px;
}

.comment-published {
    color: #bbb;
}

.comment-edit:before,
.comment-delete:before,
.comment-mark-as-spam:before {
    color: #CCC;
    content: "\2022";
    font-size: 10px;
    margin-left: -14px;
    pointer-events: none;
    position: absolute;
}

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

.comment-body p:first-child {
    margin-top: 0;
}

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

.comment-attachments {
    border-color: #DDD;
    border-color: rgba(0, 0, 0, 0.13);
    border-style: solid;
    border-radius: 0 0 2px 2px;
    border-width: 0 1px 1px;
    padding: 10px;
}

.comment-form {
    padding-top: 30px;
}

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

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

.comment-mark-as-solved {
    float: left;
    margin-top: 5px;
}

.comment-screencasts {
    float: left;
    margin-top: 5px;
    margin-right: 25px;
}

.comment-list+.pagination {
    border-top: 1px solid #ECECEC;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.pending-comments-list {
    list-style: none;
}

.pending-moderation-comment-badge {
    border-style: solid;
    border-width: 1px;
    border-color: #c7aa2b;
    color: #c7aa2b;
    padding: 3px 5px;
    margin-top: 10px;
    font-size: 12px;
}

/* ========================================================================== Pagination ========================================================================== */
.pagination {
    text-align: center;
    line-height: 0;
    margin-top: 0 !important;
    padding: 20px 0;
}

.pagination ul {
    display: inline-block;
    list-style: none;
    margin-top: 30px !important;
}

.pagination li {
    float: left;
    border: 1px solid #ECECEC;
    border: 1px solid rgba(0, 0, 0, 0.07);
}

.pagination li+li {
    border-left: none;
}

.pagination a,
.pagination span {
    display: inline-block;
    line-height: 20px;
    font-size: 12px;
    padding: 5px 12px;
    margin-bottom: 0;
}

.pagination-current {
    background-color: #f6f6f6;
    background-color: rgba(0, 0, 0, 0.03);
    color: #AAA;
}

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

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

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

.my-activities-header {
    font-size: 20px;
    font-weight: 700;
    padding: 25px 0;
}

.my-activities-nav {
    font-size: 18px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    margin-bottom: 15px;
    padding: 25px 0;
}

.my-activities-nav li {
    padding-right: 30px;
}

.my-activities-sub-nav li {
    padding-right: 15px;
}

.my-activities-nav li,
.my-activities-sub-nav li {
    display: inline-block;
    font-weight: 300;
}

.my-activities-nav li a,
.my-activities-sub-nav li a {
    font-weight: 400;
}

.my-activities-nav li+li {
    border-left: 1px solid #ECECEC;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
    padding-left: 30px;
}

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

.my-activities-sub-nav {
    font-size: 16px;
    padding: 15px 0;
    position: relative;
    border-bottom: 1px solid #0068ff;
    margin-bottom: 20px;
}

.request-table-toolbar {
    background-color: #fff;
    padding: 8px;
    text-align: right;
}

.status-selection,
.organization-selection {
    display: inline-block;
}

.status-selection>span,
.organization-selection>span {
    margin-right: 10px;
}

.status-selection button,
.organization-selection button {
    background: #FFF;
    border-radius: 0;
    color: inherit;
    height: 27px;
    line-height: 25px;
    min-width: 85px;
    text-align: left;
}

.status-selection button:after,
.organization-selection button:after {
    color: #adadad;
    float: right;
    margin-left: 15px;
}

.organization-selection button {
    margin-right: 15px;
}

.requests-search {
    margin-top: 5px;
    border-radius: 15px;
    float: left;
    height: 40px;
    padding: 5px 15px;
    width: 550px;
}

.my-activities-table a {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.my-requests th:first-child+th+th,
.my-requests td:first-child+td+td {
    display: none;
}

.request-table a {
    max-width: 550px;
}

.following-table a {
    max-width: 390px;
}

.contribution-table a {
    max-width: 250px;
}

.request-table td:nth-child(1) {
    width: 5%;
}

.request-table td:nth-child(2) {
    width: 65%;
}

.request-table td:nth-child(3) {
    width: 15%;
}

.request-table td:nth-child(4) {
    width: 15%;
}

.following-table td:nth-child(1) {
    width: 45%;
}

.following-table td:nth-child(2) {
    width: 15%;
}

.following-table td:nth-child(3) {
    width: 30%;
}

.following-table td:nth-child(4) {
    width: 10%;
}

/* ==================================================== Requests ==================================================== */
.request-follow-up {
    text-align: right;
}

.follow-up-hint {
    display: inline-block;
    float: right;
    font-size: 13px;
    margin-top: 13px;
}

.request-details {
    background: #f6f6f6;
    background: rgba(0, 0, 0, 0.02);
    border: 1px solid #ECECEC;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    margin: 30px 0;
    padding: 15px 20px;
}

.request-details li+li {
    margin-top: 10px;
}

.request-header {
    font-size: 1.7em;
    margin: 1em 0;
}

.request-id {
    color: #bbb;
    display: block;
    font-size: 13px;
}

.request-details {
    font-size: 12px;
}

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

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

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

.request-details dd li {
    list-style-type: disc;
    list-style-position: inside;
    margin: 0;
}

.request-details .nested-field-tag:before {
    content: " > ";
}

.request-details .nested-field-tag:first-child:before {
    content: "";
}

.request-status {
    color: #FFF;
    border-radius: 3px;
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 2px 5px;
    white-space: nowrap;
}

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

.request-answered {
    background: #F5CA00;
}

.request-solved {
    background: #828282;
}

/* ==================================================== Search results ==================================================== */
.signInResults {
    font-size: 16px;
    background-color: #F0FEFE;
    padding: 15px;
    margin-top: 20px;
}

body.community-enabled .search-results-column {
    float: left;
}

body.community-enabled .search-results-column~.search-results-column {
    margin-left: 40px;
}

.search-results-subheading {
    border-bottom: 1px solid #ECECEC;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    padding-bottom: 10px;
    margin-bottom: 0;
}

.search-results-subheading-link {
    font-size: 13px;
    font-weight: 400;
    margin-left: 5px;
}

.search-result {
    display: none;
    margin: 0;
    padding: 20px 0;
}

.search-result+.search-result {
    border-top: 1px solid #ECECEC;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.search-results-list {
    margin: 0;
}

.search-results-list-temp {
    display: none;
    padding-bottom: 50px;
}

.search-result-link {
    font-size: 16px;
    font-weight: 600;
}

.search-result-description,
.search-result-meta {
    padding-top: 9px;
}

.search-result-meta-name,
.search-result-meta-time,
.search-result-meta-count {
    font-size: 12px;
    color: #bbb;
}

.search-result-meta-time:before,
.search-result-meta-count:before {
    display: inline-block;
    padding-right: 5px;
    content: '\2022';
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

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

.search-result-votes:before {
    content: "\1F44D";
    font-family: "entypo";
    margin-right: 3px;
}

.search-results+.pagination {
    border-top: 1px solid #ECECEC;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.search-result a,
.search-result a:hover,
.search-result a:active,
.search-result a:visited {
    text-decoration: none !important;
}

/* ==================================================== Forms ==================================================== */
.form {
    background: #f6f6f6;
    background: rgba(0, 0, 0, 0.02);
    border: 1px solid #ECECEC;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    overflow: hidden;
    padding: 40px 55px;
}

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

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

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

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

.form-field textarea,
.form-field input {
    box-shadow: inset 0 1px #E3E3E3;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.11);
}

.form-field p {
    color: #BEBEBE;
    font-size: 11px;
}

.form-field input[type=number],
.form-field input.datepicker {
    width: 150px;
}

.form form+form,
.searchbox {
    display: none !important;
    margin-top: 25px;
    margin-bottom: 25px;
}

.searchbox-suggestions {
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    border: solid 1px #ccc;
    padding: 10px 20px;
}

.searchbox-suggestions li {
    padding: 5px 0;
}

.searchbox label {
    font-weight: 700;
}

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

.form footer {
    border-top: 1px solid #ECECEC;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    margin-top: 40px;
    padding-top: 25px;
    text-align: right;
}

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

/* ==================================================== Error pages ==================================================== */
.error-page {
    margin: 0 auto;
    max-width: 500px;
    padding-top: 5%;
}

.error-page h1 {
    font-size: 80px;
    margin-bottom: 0;
}

.error-page h2 {
    font-size: 16px;
    margin-bottom: 5px;
}

.error-page>a {
    display: block;
    margin-top: 10px;
}

/* ==================================================== Community ==================================================== */
/* * Heading */
.community-heading {
    float: left;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

/* * Nav */
.community-nav {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    border-top: 0;
    margin-bottom: 55px;
    margin-top: 0;
    padding: 25px 0;
}

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

.community-nav li a {
    font-weight: 400;
}

.community-nav li+li {
    border-left: 1px solid #ECECEC;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
    padding-left: 30px;
}

.community-nav li:last-child {
    border: 0;
    float: right;
    margin: 0;
    padding: 0;
    position: relative;
    top: -5px;
}

.community-nav li:last-child a {
    color: #158EC2;
}

.community-nav li:last-child a:before {
    content: "\270E";
    font-family: "entypo";
    font-size: 14px;
    margin-right: 10px;
    vertical-align: middle;
}

/* * Sub nav */
.community-sub-nav {
    border-bottom: 1px solid #ECECEC;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    padding: 15px 0;
    position: relative;
}

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

.community-sub-nav li a {
    font-weight: 400;
}

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

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

/* * Topics/questions/answers */
.topic {
    display: inline-block;
    width: 49.5%;
    padding: 20px 30px 20px 0;
    vertical-align: top;
}

.topic-header,
.question-header {
    border-bottom: 1px solid #ECECEC;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    padding-bottom: 10px;
    display: block;
    width: 100%;
}

.topic-header>*,
.question-header>* {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.2em;
    padding: 20px 0px;
}

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

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

.topic-heading {
    font-size: 18px;
}

.topic-questions {
    margin-top: 45px;
}

.topic-description {
    word-break: break-word;
}

.question,
.answer {
    border-bottom: 1px solid #ECECEC;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    padding: 20px 0;
    position: relative;
}

.question-form .nesty-input {
    max-width: none;
}

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

.question-avatar-agent:after,
.answer-avatar-agent:after {
    background-color: transparent;
    background-image: url("//theme.zdassets.com/theme_assets/539845/823f3892f5e99cb9eda4a864e6089407e4553d9b.png");
    background-image: url("//theme.zdassets.com/theme_assets/539845/b7b159357f6a1f0630bade7816c85d4c27c808a2.svg");
    background-repeat: no-repeat;
    background-size: 14px;
    position: absolute;
    width: 15px;
    height: 15px;
    left: 30px;
    top: 30px;
    content: " ";
}

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

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

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

.question-body p,
.answer-body p,
.answer-official-body p {
    margin: 0 0 5px;
}

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

.question .answer {
    border: none;
    padding-bottom: 0;
}

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

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

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

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

.question-title a,
.topic-title a {}

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

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

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

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

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

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

.answer-official-heading {
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 20px;
    border-bottom: 0;
}

.answer-list-heading {
    border-bottom: 1px solid #ECECEC;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    margin-top: 30px;
    padding-bottom: 20px;
}

.pending-moderation-answer-badge {
    clear: both;
    border-style: solid;
    border-width: 1px;
    border-color: #c7aa2b;
    color: #c7aa2b;
    padding: 3px 5px;
    float: left;
    margin-top: 10px;
    font-size: 12px;
}

.question-share,
.answer-share {
    position: relative;
}

.related-questions-header {
    border-bottom: 1px solid #ECECEC;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.related-questions-heading {
    margin-top: 3px;
}

.related-questions li {
    margin-top: 10px;
    margin-bottom: 10px;
}

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

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

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

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

.vote-controls a {
    background: #FFF;
    border-color: #f6f6f6;
    box-shadow: none;
    color: #BBB;
    display: block;
    font-family: "entypo";
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    color: #079fd2;
    background-color: transparent;
    border-color: #079fd2;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 2px solid transparent;
    white-space: nowrap;
    letter-spacing: .1px;
    padding: 6px 12px 4px;
    font-size: 11px;
    line-height: 1.6;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.vote-up {
    border-radius: 5px 5px 0 0;
}

.vote-down {
    border-radius: 0 0 5px 5px;
    border-top: 0;
}

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

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

.vote-controls:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.vote-controls:hover a {
    background: #FFF;
    border-color: #A6A6A6;
    color: #BBB;
}

.vote-controls a:hover,
.vote-controls [aria-selected=true] {
    background: #f6f6f6;
    color: #333;
}

.vote-controls a:active {
    background: #CCC;
    color: #111;
}

/* * Accept */
.answer-accept {
    color: #BBB;
    font-size: 15px;
    max-width: 15px;
    overflow: hidden;
    padding-top: 7px;
    position: absolute;
    white-space: nowrap;
}

.answer-accept:hover {
    text-decoration: none;
}

.answer-accept:before {
    content: "\2713";
    font-family: "entypo";
    margin-right: 5px;
}

.answer-accepted .answer-accept,
.answer-accepted .vote-sum {
    color: green;
}

/* * Admin controls */
.topic-controls,
.question-controls,
.answer-controls {
    float: right;
    font-size: 11px;
}

.topic-edit,
.question-delete,
.question-mark-as-spam,
.answer-delete,
.answer-mark-as-spam {
    margin-left: 25px;
}

.topic-edit:before,
.question-delete:before,
.question-mark-as-spam:before,
.answer-delete:before,
.answer-mark-as-spam:before {
    color: #CCC;
    content: "\2022";
    font-size: 10px;
    margin-left: -16px;
    pointer-events: none;
    position: absolute;
}

/* ==================================================== Chat ==================================================== */
.chat {
    background: #f6f6f6;
    border: 1px solid #E0E0E0;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    bottom: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    font-size: 13px;
    line-height: 35px;
    padding: 0 15px;
    position: fixed;
    right: 85px;
    -webkit-transition: bottom .5s ease-in, color .5s ease-in;
    -moz-transition: bottom .5s ease-in, color .5s ease-in;
    -ms-transition: bottom .5s ease-in, color .5s ease-in;
    -o-transition: bottom .5s ease-in, color .5s ease-in;
    transition: bottom .5s ease-in, color .5s ease-in;
}

.chat:before {
    content: "\E720";
    font-family: "entypo";
    font-size: 16px;
    margin-right: 10px;
    vertical-align: middle;
}

.chat:hover {
    text-decoration: none;
}

.chat-available {
    bottom: 0;
}

.chat-unavailable {
    color: gray;
    cursor: default !important;
    bottom: -50px;
}

/* ==================================================== Parsed markdown ==================================================== */
.markdown {
    word-wrap: break-word;
}

.markdown img {
    border: 0 !important;
    height: auto;
    max-width: 100%;
    padding: 10px 5px 10px 0;
    margin-bottom: 5px;
}

.markdown p {
    margin-bottom: 10px;
}

.markdown ul,
.markdown ol {
    list-style-position: inside;
    margin: 5px 0 5px 20px;
}

.support_kb .markdown ul,
.support_kb .markdown ol {
    margin: 0 0 10px 10px;
}

.markdown ul {
    list-style-type: disc;
}

.markdown ol {
    list-style-type: decimal;
}

.markdown ol ol, .markdown ol ol ol {
    list-style: lower-alpha;
}

.orderedlist-title {
    font-weight: 600;
}

.markdown li>ul {
    margin: 0 0 0 10px;	
}

.markdown li>ol {
    margin: 0 0 0 10px;
	list-style-type: lower-alpha;
}

.markdown .pre {
    background: #f6f6f6;
    background: rgba(0, 0, 0, 0.07);
    border: 1px solid #ECECEC;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre;
    margin-bottom: 10px;
}

.markdown blockquote {
    border-left: 1px solid #ECECEC;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    color: #949494;
    font-style: italic;
    padding-left: 10px;
    margin: 0 0 10px;
}

.markdown hr {
    background-color: #ECECEC;
    height: 1px !important;
    margin: 40px 0;
    border: 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #ffffff;
}

/* ==================================================== Right to left ==================================================== */
html[dir=rtl] input[type=checkbox]+label {
    margin-left: auto;
    margin-right: 5px;
}

html[dir=rtl] table {
    text-align: right;
}

html[dir=rtl] .main-column {
    float: right;
}

html[dir=rtl] .side-column {
    float: left;
}

html[dir=rtl] .dropdown-toggle:after {
    margin-left: auto;
    margin-right: 5px;
}

html[dir=rtl] .visibility-internal-icon:before {
    margin-right: auto;
    margin-left: 5px;
}

html[dir=rtl] .visibility-internal:before {
    left: auto;
    right: -10px;
}

html[dir=rtl] .visibility-internal:after {
    left: auto;
    right: 50%;
    margin-left: auto;
    margin-right: -5px;
}

html[dir=rtl] .logo {
    float: right;
}

html[dir=rtl] .user-nav {
    float: left;
}

html[dir=rtl] .user-info [role="button"] {
    padding: 4px 4px 4px 10px;
}

html[dir=rtl] .user-avatar {
    margin-right: auto;
    margin-left: 4px;
}

html[dir=rtl] .submit-a-request {
    border-left: 0;
    border-right: 1px solid #ECECEC;
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    margin-left: auto;
    margin-right: 15px;
    padding-left: auto;
    padding-right: 15px;
}

html[dir=rtl] .login,
html[dir=rtl] .user-info {
    margin-left: auto;
    margin-right: 20px;
}

html[dir=rtl] .hero-unit .search input[type=search] {
    padding: 16px 55px 16px 12px;
}

html[dir=rtl] .hero-unit .search input[type=text] {
    padding: 16px 55px 16px 12px;
}

html[dir=rtl] .sub-nav .search {
    float: left;
}

html[dir=rtl] .sub-nav .search input[type=search] {
    padding: 6px 35px 6px 10px;
}

html[dir=rtl] .sub-nav .search input[type=text] {
    padding: 6px 35px 6px 10px;
}

html[dir=rtl] body.community-enabled .knowledge-base {
    float: right;
}

html[dir=rtl] body.community-enabled .community {
    float: left;
}

html[dir=rtl] .community h4 a {
    margin-left: auto;
    margin-right: 5px;
}

html[dir=rtl] .category-empty,
html[dir=rtl] .section {
    padding: 0 0 30px 50px;
}

html[dir=rtl] .section-subscribe,
html[dir=rtl] .section-unsubscribe {
    float: left;
}

html[dir=rtl] .article-promoted span {
    margin-right: auto;
    margin-left: 5px;
}

html[dir=rtl] .article-promoted span:before {
    left: auto;
    right: -10px;
}

html[dir=rtl] .article-promoted span:after {
    left: auto;
    right: 50%;
    margin-left: auto;
    margin-right: -5px;
}

html[dir=rtl] .sub-nav .breadcrumbs {
    float: right;
}

html[dir=rtl] .article-metadata {
    float: right;
    padding-left: auto;
    padding-right: 55px;
}

html[dir=rtl] .article-avatar {
    left: auto;
    right: 0;
}

html[dir=rtl] .article-subscribe,
html[dir=rtl] .article-unsubscribe {
    float: left;
}

html[dir=rtl] .article-body blockquote {
    border-left: 0;
    border-right: 1px solid #ECECEC;
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    padding-left: auto;
    padding-right: 20px;
}

html[dir=rtl] .article-body ul,
html[dir=rtl] .article-body ol {
    margin: 20px 20px 20px 0;
}

html[dir=rtl] .article-body li>ul,
html[dir=rtl] .article-body li>ol {
    margin: 0;
}

html[dir=rtl] .article-body li {
    margin-left: auto;
    margin-right: 20px;
}

html[dir=rtl] .article-footer .article-vote {
    float: right;
}

html[dir=rtl] .article-footer .share {
    float: left;
}

html[dir=rtl] .article-vote-controls {
    right: auto;
    left: -85px;
}

html[dir=rtl] .article-voted {
    box-shadow: inset -1px 1px 5px #DDD;
}

html[dir=rtl] .share-label+.share {
    left: auto;
    right: 50%;
    margin: 10px -75px 0 0;
}

html[dir=rtl] .share-label+.share:before,
html[dir=rtl] .share-label+.share:after {
    left: auto;
    right: 50%;
}

html[dir=rtl] .share-label+.share:before {
    margin-left: auto;
    margin-right: -6px;
}

html[dir=rtl] .share-label+.share:after {
    margin-left: auto;
    margin-right: -5px;
}

html[dir=rtl] .comment .attachment-list li:before,
html[dir=rtl] .comment .screencast-list li:before {
    margin-right: auto;
    margin-left: 5px;
}

html[dir=rtl] .comment-container {
    margin-left: auto;
    margin-right: 55px;
}

html[dir=rtl] .comment-avatar-agent:after {
    right: auto;
    left: -3px;
}

html[dir=rtl] .comment-published,
html[dir=rtl] .comment-edit,
html[dir=rtl] .comment-delete,
html[dir=rtl] .comment-mark-as-spam {
    float: left;
}

html[dir=rtl] .comment-edit:before,
html[dir=rtl] .comment-delete:before,
html[dir=rtl] .comment-mark-as-spam:before {
    margin-left: auto;
    margin-right: -14px;
}

html[dir=rtl] .comment-form-controls {
    text-align: left;
}

html[dir=rtl] .comment-form-controls input[type=submit] {
    margin-left: auto;
    margin-right: 15px;
}

html[dir=rtl] .comment-mark-as-solved {
    float: right;
}

html[dir=rtl] .comment-screencasts {
    float: right;
    margin-right: auto;
    margin-left: 25px;
}

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

html[dir=rtl] .pagination li+li {
    border-left: 1px solid #ECECEC;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
    border-right: none;
}

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

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

html[dir=rtl] .my-activities-nav li {
    padding-right: auto;
    padding-left: 30px;
}

html[dir=rtl] .my-activities-sub-nav li {
    padding-right: auto;
    padding-left: 15px;
}

html[dir=rtl] .my-activities-nav li+li {
    border-left: 0;
    border-right: 1px solid #ECECEC;
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    padding-left: auto;
    padding-right: 30px;
}

html[dir=rtl] .my-activities-sub-nav li+li {
    padding-left: auto;
    padding-right: 15px;
}

html[dir=rtl] .request-table-toolbar {
    text-align: left;
}

html[dir=rtl] .status-selection>span,
html[dir=rtl] .organization-selection>span {
    margin-right: auto;
    margin-left: 10px;
}

html[dir=rtl] .status-selection button,
html[dir=rtl] .organization-selection button {
    text-align: right;
}

html[dir=rtl] .status-selection button:after,
html[dir=rtl] .organization-selection button:after {
    float: left;
    margin-left: auto;
    margin-right: 15px;
}

html[dir=rtl] .organization-selection button {
    margin-right: auto;
    margin-left: 15px;
}

html[dir=rtl] .requests-search {
    float: right;
}

html[dir=rtl] .request-follow-up {
    text-align: left;
}

html[dir=rtl] .follow-up-hint {
    float: left;
}

html[dir=rtl] body.community-enabled .search-results-column {
    float: right;
}

html[dir=rtl] body.community-enabled .search-results-column~.search-results-column {
    margin-left: auto;
    margin-right: 40px;
}

html[dir=rtl] .search-results-subheading-link {
    margin-left: auto;
    margin-right: 5px;
}

html[dir=rtl] .search-result-meta-time:before,
html[dir=rtl] .search-result-meta-count:before {
    padding-right: auto;
    padding-left: 5px;
}

html[dir=rtl] .search-result-votes {
    margin-left: auto;
    margin-right: 5px;
}

html[dir=rtl] .search-result-votes:before {
    margin-right: auto;
    margin-left: 3px;
}

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

html[dir=rtl] .form-field.required>label:after {
    margin-left: auto;
    margin-right: 2px;
}

html[dir=rtl] [data-loading="true"] input,
html[dir=rtl] [data-loading="true"] textarea {
    background-position: 1% 50%;
}

html[dir=rtl] .form footer {
    text-align: left;
}

html[dir=rtl] .form footer a {
    margin-right: auto;
    margin-left: 15px;
}

html[dir=rtl] .community-heading {
    float: right;
}

html[dir=rtl] .community-nav li {
    border: 0;
    border-right: 1px solid #ECECEC;
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    padding: 0 30px;
}

html[dir=rtl] .community-nav li:first-child {
    border-right: 0;
    padding-right: 0;
}

html[dir=rtl] .community-nav li:last-child {
    border-right: 0;
    float: left;
    padding-left: 0;
}

html[dir=rtl] .community-nav li:last-child a:before {
    margin-right: auto;
    margin-left: 10px;
}

html[dir=rtl] .community-sub-nav li {
    padding-right: auto;
    padding-left: 15px;
}

html[dir=rtl] .community-sub-nav li+li {
    padding-left: auto;
    padding-right: 15px;
}

html[dir=rtl] .community-sub-nav .topic-add {
    right: auto;
    left: 0;
}

html[dir=rtl] .topic {
    padding: 20px 0 20px 30px;
}

html[dir=rtl] .question-avatar,
html[dir=rtl] .answer-avatar {
    margin-right: auto;
    margin-left: 10px;
}

html[dir=rtl] .question-avatar-agent:after,
html[dir=rtl] .answer-avatar-agent:after {
    left: auto;
    right: 30px;
}

html[dir=rtl] .question-body .question-meta,
html[dir=rtl] .answer-body .answer-meta,
html[dir=rtl] .answer-official-body .answer-meta {
    float: right;
}

html[dir=rtl] .question-topic-list li {
    margin: 10px 0 0 10px;
}

html[dir=rtl] .answer-form {
    margin: 30px 95px 0 0;
}

html[dir=rtl] .answer-form-controls {
    text-align: left;
}

html[dir=rtl] .answer-form-controls input[type=submit] {
    margin-left: auto;
    margin-right: 15px;
}

html[dir=rtl] .answer-form-controls .pull-left {
    float: right;
}

html[dir=rtl] .pending-moderation-answer-badge {
    float: right;
}

html[dir=rtl] .vote {
    margin-left: 10px;
    margin-right: 15px;
}

html[dir=rtl] .vote-sum {
    padding-left: auto;
    padding-right: 10px;
}

html[dir=rtl] .answer-accept:before {
    margin-right: auto;
    margin-left: 5px;
}

html[dir=rtl] .topic-controls,
html[dir=rtl] .question-controls,
html[dir=rtl] .answer-controls {
    float: left;
}

html[dir=rtl] .topic-edit,
html[dir=rtl] .question-delete,
html[dir=rtl] .question-mark-as-spam,
html[dir=rtl] .answer-delete,
html[dir=rtl] .answer-mark-as-spam {
    margin-left: auto;
    margin-right: 25px;
}

html[dir=rtl] .topic-edit:before,
html[dir=rtl] .question-delete:before,
html[dir=rtl] .question-mark-as-spam:before,
html[dir=rtl] .answer-delete:before,
html[dir=rtl] .answer-mark-as-spam:before {
    margin-left: auto;
    margin-right: -16px;
}

html[dir=rtl] .chat {
    right: auto;
    left: 85px;
}

html[dir=rtl] .chat:before {
    margin-right: auto;
    margin-left: 10px;
}

html[dir=rtl] .markdown ul,
html[dir=rtl] .markdown ol {
    margin: 0 10px 10px 0;
}

html[dir=rtl] .markdown li>ul,
html[dir=rtl] .markdown li>ol {
    margin: 0 10px 0 0;
}

html[dir=rtl] .markdown blockquote {
    border-left: 0;
    border-right: 1px solid #ECECEC;
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    padding-left: auto;
    padding-right: 10px;
}

/* ==================================================== Special Classes ==================================================== */
.article-body .expandable {
    margin-bottom: 0 !important;
    border-bottom: 1px solid #E3EAF5;
    font-size: 15px;
    color: #006BFF;
    font-weight: 400;
    background: url(//theme.zdassets.com/theme_assets/539845/5bcf9e4196ea12f733b6f2838cb6f859ac0d5b27.png) no-repeat left 4px;
    padding-left: 20px;
    cursor: pointer;
    margin-top: 7px !important;
    padding-bottom: 7px !important;
}

.article-body .expandable-procedure {
    margin-bottom: 0 !important;
    border-bottom: 1px solid #E3EAF5;
    font-size: 15px;
    color: #006BFF;
    font-weight: 400;
    background: url(//theme.zdassets.com/theme_assets/539845/5bcf9e4196ea12f733b6f2838cb6f859ac0d5b27.png) no-repeat left 4px;
    cursor: pointer;
    padding-left: 25px;
    margin-top: 7px !important;
    padding-bottom: 7px !important;
}

.article-body .expandable-hp {
    margin-bottom: 0 !important;
    border-bottom: 1px solid #E3EAF5;
    font-size: 15px;
    color: #006BFF;
    font-weight: 400;
    background: url(//theme.zdassets.com/theme_assets/539845/5bcf9e4196ea12f733b6f2838cb6f859ac0d5b27.png) no-repeat left 4px;
    padding-left: 25px;
    cursor: pointer;
    margin-top: 7px !important;
    padding-bottom: 7px !important;
}

.expandicon {
    display: none !important;
}

ul.expandable-list {
    list-style: none;
}

.expandingblock {
    padding: 10px 20px;
    border-top: 1px solid #FFF;
    border-left: 1px solid #D6E0F0;
    border-bottom: 1px solid #D6E0F0;
    border-right: 1px solid #D6E0F0;
    margin-top: -1px;
}

.expandingblock td li {
    line-height: 23px;
}

.lower-alpha {
    list-style-type: lower-alpha;
}

.subheading,
.procedureto {
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
}

.bold {
    font-weight: 600 !important;
}

strong {
    font-weight: 600 !important;
}

b {
    font-weight: 600 !important;
}

.note,
.note2 {
    margin-top: 20px;
    min-height: 64px;
    border: 1px solid #BDCDE6;
    background: url(//theme.zdassets.com/theme_assets/539845/dbbd383f83fe0c4e70659f9c5d1de4ba402af756.png) no-repeat 12px 10px;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 10px 10px 55px;
    white-space: normal;
    font-size: 14px;
}

.notetitle {
    font-weight: 600;
}

.note ul {
    margin: 0;
}

.warning {
    margin-top: 20px;
    min-height: 64px;
    border: 1px solid #BDCDE6;
    background: url(//theme.zdassets.com/theme_assets/539845/0bfc316102b6d47b493a78f46e88ac94c758cb6c.png) no-repeat 20px 13px;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0 10px 55px;
    white-space: normal;
    font-size: 14px;
}

.important {
    margin-top: 20px;
    min-height: 64px;
    border: 1px solid #BDCDE6;
    background: url(//theme.zdassets.com/theme_assets/539845/0bfc316102b6d47b493a78f46e88ac94c758cb6c.png) no-repeat 20px 13px;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 10px 10px 55px;
    white-space: normal;
    font-size: 14px;
}

.tips_icon,
.tips,
.tip {
    margin-top: 20px;
    min-height: 64px;
    border: 1px solid #BDCDE6;
    background: url(//theme.zdassets.com/theme_assets/539845/9a2c89b0b4712405d4a0892512c6b0d9f4059fa0.png) no-repeat 19px 15px;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0 10px 55px;
    white-space: normal;
    font-size: 14px;
}

.tip #internal_only,
.important #internal_only,
.warning #internal_only,
.note #internal_only {
    border: none !important;
}

div.steps {
    background: url(//theme.zdassets.com/theme_assets/539845/204f30a262c587b6a53535922292359e7673c846.png) no-repeat left top;
    margin: 0 235px 30px 0;
    padding-left: 20px;
    white-space: normal;
}

div.steps:before {
    content: "Location in Sizmek Ad Suite";
    font-weight: 700;
    /* text-transform: uppercase; */
    font-size: 13px;
}

.article-body .steps ul li {
    font-size: 11px;
    padding-left: 10px;
}

.steps-StrikeAd {
    background: url(//theme.zdassets.com/theme_assets/539845/204f30a262c587b6a53535922292359e7673c846.png) no-repeat left top;
    margin: 0 235px 30px 0;
    padding-left: 20px;
    white-space: normal;
    font-size: 11px;
}

.steps-StrikeAd:before {
    content: "StrikeAd LOCATION";
    font-weight: 700;
    /*text-transform: uppercase;
    */
    font-size: 13px;
}

.video-js,
.article-body iframe {
    min-height: 340px !important;
    min-width: 600px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.steps ul,
.steps-StrikeAd ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.steps ul li,
.steps-StrikeAd ul li {
    border-radius: 5px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background-color: #02205F;
    margin-top: 5px !important;
    margin-left: -20px !important;
    margin: 0;
    padding-left: 10px;
}

.steps ul li:before,
.steps-StrikeAd ul li:before {
    /*content: "\2023";
    */
    padding-right: 10px;
}

.mdxcss>code {
    padding: 0;
    color: initial;
    white-space: normal;
    background-color: initial;
    border: 0;
    font-size: 14px;
}

.code,
.codecharacter {
    font-family: "Courier New", 'Open Sans', 'Lato', sans-serif, arial, helvetica, sans-serif;
    font-size: 12px;
    margin-top: 6pt;
    margin-bottom: 6pt;
    margin-left: 0;
    margin-right: 0;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 0;
    padding-right: 0;
    width: auto;
    height: auto;
    white-space: normal;
}

.codecharacter {
    display: block;
}

.filename {
    font-family: "Courier New", 'Open Sans', 'Lato', sans-serif, arial, helvetica, sans-serif;
    font-size: 12px;
}

.button {
    text-transform: capitalize;
}

.main-column #internal_only,
.main-column .internal_only,
.section.internal.internal.sub-topic.internal_only {
    background: url(//theme.zdassets.com/theme_assets/539845/10523ffde9bb4d6775e82e5be67102554fddc459.png) no-repeat 15px 12px;
    margin-left: 0;
    margin-right: 0;
    white-space: normal;
    border: 1px solid #BDCDE6;
    padding: 10px 10px 10px 55px !important;	
    background-size: 18px;
    font-size: 16px;
    color: #DCDCCC;
    background-color: #3F3F3F
}

.main-column .internal_only  h1, 
.main-column .internal_only  h2, 
.main-column .internal_only  h3, 
.main-column .internal_only  h4, 
.main-column .internal_only  h5, 
.main-column .internal_only  h6,
#internal_only h1, 
#internal_only h2, 
#internal_only h3, 
#internal_only h4, 
#internal_only h5, 
#internal_only h6 {
    color: #FFFFFF;
}

.main-column .internal_only a{
    color: #8CD0D3;
}
.main-column .internal_only a:hover{
    color: #cbecd0;
    text-decoration: underline; 
}

.main-column #internal_only td,
.main-column .internal_only td {
    padding-left: 30px;
}

.custom_hp,
#innerWrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
}

.bottomLinks a {
    font-size: 13px;
    color: #246fdc;
    font-family: 'Open Sans', 'Lato', sans-serif;
    padding: 1px 16px;
    border-left: 1px solid #c4c4c4;
}

.bottomLinks a:first-child {
    padding-left: 0;
    border: none;
}

.bottomLinks a:hover {
    color: #006BFF;
    text-decoration: underline;
}

.rightSideLinks {
    float: left;
    max-width: 250px;
    margin-top: 40px;
}

.rightSideLinks img {
    max-width: 259px;
    width: 259px;
    height: 83px;
    border: 0;
    margin-bottom: 14px;
}

/* Accordion Menu Home */
.loginC {
    font-weight: normal !important;
    border-bottom: 1px dotted #006BFF;
    color: #006BFF !important;
}

.sub-menu li a.superSubAccor {
    padding-top: 20px !important;
    cursor: default;
    color: #0d2a4d !important;
    padding-bottom: 10px !important;
}

/*
.accordion,
.accordion ul,
.accordion li,
.accordion a,
.accordion span {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

.accordion {
    margin-top: 26px;
    width: 100%;
    max-width: 870px;
    margin-right: 31px;
    float: left;
}

.accordionFirst {
    padding-top: 20px !important;
}

.accordionLast {
    padding-bottom: 20px !important;
}

@media screen and (max-width: 1180px) {
    .accordion {
        width: 70%;
    }
}

@media screen and (max-width: 900px) {
    .accordion {
        width: 50%;
        min-width: 630px;
    }
}

.accordion li {
    margin-top: 14px;
    max-width: 868px;
    list-style: none;
}

.accordion li>a {
    color: #0d2a4d !important;
    text-transform: uppercase;
    font-size: 20px;
    display: block;
    position: relative;
    min-width: 110px;
    padding: 25px 10px 26px 90px;
    font-weight: 600;
    text-decoration: none;
    -moz-border-radius: 5px;
    border: 1px solid #BACAE4;
}

.accordion li>a span {
    width: 40px;
    height: 30px;
    position: absolute;
    top: 30px;
    right: 20px;
    background: url(//theme.zdassets.com/theme_assets/539845/d005578c7697efb6d144b3376b648162c8df2648.png) no-repeat;
}

.accordion>li>a:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 50px;
    height: 50px;
    margin: 13px 20px;
    background-repeat: no-repeat;
    background-image: url(//theme.zdassets.com/theme_assets/539845/116cb56c5bc48c4598ada2531b3d80da9a943830.png);
    background-position: 0 0;
}

.accordion li.tabGettingStarted>a:before {
    background-position: 0 -66px;
}

.accordion li.tabAdDelivery>a:before {
    background-position: 0 -132px;
}

.accordion li.tabData>a:before {
    background-position: 0 -199px;
}

.accordion li.tabCreative>a:before {
    background-position: 0 -268px;
}

.accordion li.tabPublishers>a:before {
    background-position: 0 -342px;
}

.accordion li.tabCertified>a:before {
    background-position: 0 -342px;
}

.accordion li.tabYourResources>a:before {
    background-position: 0 7px;
}
*/

.sub-menu li {
    padding: 0;
    margin: 0;
}

.sub-menu li a {
    color: #006BFF !important;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    padding: 4px 15px 4px 20px;
    background: #F4F8FE;
    border-radius: 0;
    -moz-border-radius: 0;
    border: 0;
    border-left: 1px solid #BACAE4;
    border-right: 1px solid #BACAE4;
    -webkit-transition: padding .5s linear;
    -moz-transition: padding .5s linear;
    -o-transition: padding .5s linear;
    transition: padding .5s linear;
}

.sub-sub-menu li:last-child {
    /*border-bottom: 0px !important;
    */
}

.sub-sub-menu li a {
    padding: 8px 0 0 50px;
    font-weight: 400;
    text-transform: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: 0;
    border-left: 1px solid #BACAE4;
    border-right: 1px solid #BACAE4;
    -webkit-transition: padding .5s linear;
    -moz-transition: padding .5s linear;
    -o-transition: padding .5s linear;
    transition: padding .5s linear;
}

.sub-sub-menu li:first-child a {
    padding: 5px 0 0 50px;
    border: 0;
    border-left: 1px solid #BACAE4;
    border-right: 1px solid #BACAE4;
}

.sub-sub-menu li:last-child a {
    padding: 10px 0 0 50px;
    border: 0;
    border-left: 1px solid #BACAE4;
    border-right: 1px solid #BACAE4;
}

.sub-menu li>a span {
    top: 10px;
    font-size: 10px;
    color: #464646 !important;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .2);
    background: transparent;
    border: 1px solid #c9c9c9;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
}

.sub-menu li:first-child>a span {
    top: 20px;
}

.sub-menu em {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 14px;
    color: #a6a6a6;
    font: normal 10px/32px Arial, sans-serif;
}

.accordion>li:hover>a,
.accordion>li:target>a {
    border: 1px solid #BACAE4;
}

.accordion>li>a.active {
    border-bottom: 1px solid #BACAE4;
    background-color: #FFF;
    /* border-bottom: 2px solid #BACAE4;
    background-color: #E3E9F4;
    */
    ;
}

.accordion li>a.active span {
    width: 40px;
    height: 30px;
    position: absolute;
    top: 30px;
    right: 20px;
    background: url(//theme.zdassets.com/theme_assets/539845/6f5f5dccf78dff02b2a288077eaca1e93a8dc044.png) no-repeat;
}

.accordion li>.sub-menu {
    display: none;
}

.accordion li:target>.sub-menu {
    display: block;
}

/* END of accordion menu */
.knowledge-base dd a {
    color: rgba(13, 42, 77, .50);
    font-weight: 400;
}

.knowledge-base p,
.knowledge-base a {
    color: rgba(92, 163, 255, .75);
    font-weight: 400;
}

.knowledge-base a:hover {
    text-decoration: none;
    color: #5CA3FF;
}

.knowledge-base dd a dl a:active,
.knowledge-base dd a:active {
    color: #5CA3FF;
    font-weight: 400;
}

/* FOOTER */
footer.footer {
    display: inline-block;
    background-color: #efefef;
    margin-top: 50px !important;
    width: 100%;
    height: 90px;
    /* clear: both;
    bottom: 0;
    position: fixed;
    */
}

footer.footer .footer-inner {
    max-width: 1200px;
    padding-left: 20px;
    padding-top: 25px;
}

footer.footer .footer-left {
    float: left;
}

footer.footer .footer-right {
    float: left;
    color: #5F5F5F;
    font-size: 12px;
    margin-top: 15px;
    margin-left: 20px;
}

footer.footer .footer-right a {
    color: #5F5F5F;
    font-size: 12px;
}

.workflowbtn {
    clear: both;
    padding-bottom: 40px;
}

a.nextbtn,
a.prevbtn {
    line-height: 26px;
    border: 2px solid #0068ff;
    display: inline-block;
    width: 100px;
    height: 35px;
    text-align: center;
    padding-top: 1px;
    font-size: 16px;
}

a.prevbtn {
    float: left;
    background: url(//theme.zdassets.com/theme_assets/539845/a127082ca89b9789f70d5db985f747429218b581.png) no-repeat 8px;
    margin-right: 10px;
}

a.nextbtn {
    background: url(//theme.zdassets.com/theme_assets/539845/f3a4a5d3c70ce0cd628aac8e29b215775618c31e.png) no-repeat 70px;
}

.workflowbtn .notactive {
    border: 2px solid #ccc;
    color: #ccc;
    background: none;
}

a.nextbtn:hover,
a.prevbtn:hover {
    background-color: #faf000;
    border: 2px solid #faf000;
    text-decoration: none;
}

.workflowbtn .notactive:hover {
    background: none;
    border: 2px solid #ccc;
}

.hp-expandingblock a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    font-size: 15px;
    font-weight: 700;
    padding-bottom: 18px;
    color: #0D2A4D;
    display: block;
    text-decoration: none;
    cursor: pointer;
    margin-left: 20px;
}

/********* BUG FIXES*******/
button,
select,
textarea {
    /*font-family: Arial, "sans-serif" !important;
    */
}

input,
textarea,
select,
a {
    outline: none !important;
}

input:focus {
    outline: none !important;
}

/********* WORKFLOW TABLE**********/
.workflowtbl {
    display: table;
    border: 1px solid #bacae4;
    width: 100%;
    margin: 0;
    padding: 0;
}

.workflowtbl h4 {
    margin: 0;
    color: #0d2a4d;
    background-color: rgba(186, 202, 228, 0.3);
    font-size: 13px;
    height: 40px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 8px;
    display: block;
}

.workflowtbl ul {
    display: inline;
    margin: 0;
    list-style: none;
    padding: 0;
    background-color: #0D2A4D;
    width: 100%;
    display: table;
    table-layout: fixed;
}

.workflowtbl li {
    padding: 15px;
    margin: 0;
    background-color: #0D2A4D;
    border-right: 1px solid #fff;
    display: table-cell;
    width: auto;
}

.workflowtbl li:first-child {
    padding-left: 8px;
}

.workflowtbl li:last-child {
    border-right: none;
}

.workflowtbl li a {
    font-size: 15px;
}

.workflowtbl li a.selected,
.workflowtbl li a:hover {
    color: #faf000;
    text-decoration: none;
}

#inline {
    display: none;
}

#mdx_nxt {
    display: none;
}

.notification-notice {
    display: none;
}

/******* MDX NAVIGATION HOME PAGE ********/
.loaderBG {
    padding: 40px;
    text-align: center;
    background-color: white;
    width: 890px;
    height: 530px;
    position: absolute;
    z-index: 9999999;
}

.requestLoader {
    width: 700px;
    height: 330px;
}

.requestLoader .loaderAnimation {
    margin-left: -450px;
}

.requestLoader .submitStatus {
    margin-top: -230px;
    margin-left: 200px;
    text-align: left;
}

.flagLoader {
    width: 700px;
    height: 300px;
}

.flagLoader .loaderAnimation {
    margin-left: -450px;
    margin-top: -40px;
}

.flagLoader .submitStatus {
    margin-top: -230px;
    margin-left: 200px;
    text-align: left;
}

.inAppLoader {
    display: none;
    width: 1015px;
    height: 500px;
}

.support_kb .username {
    text-transform: capitalize;
}

.support_kb .notification-notice {
    background: #E9FBFF;
}

.support_kb {
    height: auto !important;
    line-height: 1.6;
    color: #2D2D2D;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 0;
}

.support_kb .menutitle {
    width: 100%;
    text-align: center;
    border-bottom: 3px solid #DFE3E8;
    line-height: .1em;
    margin: 10px 0 50px;
}

.support_kb .halfleft {
    text-align: left;
    display: block;
    width: 590px;
    margin: 0 auto;
    padding: 50px 20px;
    float: left;
    clear: left;
}

.support_kb .halfright {
    text-align: left;
    display: block;
    width: 590px;
    margin: 0 auto;
    padding: 50px 20px;
    float: left;
}

.support_kb main .sub-nav,
.support_kb main .page-header,
.support_kb main .article-list,
.support_kb main .section-description,
.support_kb .search-results {
    background-color: transparent;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    padding-left: 0 !important;
    display: block;
}

.support_kb main .sub-nav,
.support_kb main .article-list {
    padding-top: 50px;
    display: table;
    clear: left;
}

.support_kb .page-header h1 {
    color: #003471;
}

.support_kb main .sub-nav,
.support_kb main .section {
    padding-left: 20px;
    padding-right: 30px;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
    width: 100%;
    /* display: block;
    */
}

.support_kb main .section {
    padding-right: 90px;
}

.support_kb .section h3 {
    clear: left;
    margin-bottom: 20px;
    font-size: 20px;
    float: left;
}

.support_kb main .section .article-list {
    padding-top: 5px;
}

.support_kb main .sub-nav {
    padding-left: 20px;
}

.support_kb #search-header-kb {
    text-align: center;
    display: block !important;
}

.support_kb #search-header-kb h2 {
    color: #3c3c3c;
    font-size: 28px;
}

/* .support_kb .logo {
    top: 0;
    left: 20px;
}
.support_kb .logo a {
    display: inline-block;
    margin-top: 22px;
}
.support_kb .logo img {
    vertical-align: middle;
    max-height: 60px;
}
.support_kb .title {
    text-align: center;
    color: #BACAE4;
    font-size: 1.8em;
    position: absolute;
    top: 15px;
    left: 45%;
    font-weight: 600;
}
*/
.support_kb .loaderDots {
    display: none;
}

.support_kb .results .title {
    text-align: left !important;
    position: initial !important;
}

.results .faq-title {
    border: 0px !important;
    text-transform: none !important;
    padding: 0px !important;
}

/* .support_kb .user-nav {
    float: right;
    margin-top: 23px;
    font-size: 15px;
}
*/
.support_kb .user-nav a {
    /*color:#eeeeee;
    */
    font-size: 15px;
}

.support_kb .knowledge-base dd a {
    color: rgba(13, 42, 77, .50);
    font-weight: 400;
}

.support_kb .knowledge-base p,
.support_kb .knowledge-base a {
    color: #08c;
    font-weight: 400;
}

.support_kb .knowledge-base a:hover {
    text-decoration: none;
    color: #5CA3FF;
}

.support_kb .knowledge-base dd a dl a:active,
.support_kb .knowledge-base dd a:active {
    color: #5CA3FF;
    font-weight: 400;
}

.support_kb .hero-unit .search-box {
    /* width: 980px;
    background: url('/hc/theme_assets/539845/200023575/home-icon.png') no-repeat 20px;
    */
    margin: 0 auto;
}

.support_kb .hero-unit .search {
    font-size: 22px;
    position: relative;
    width: 55%;
    margin: 0 auto;
    margin-top: 20px;
}

.support_kb .hero-unit .search:before,
.support_kb .hero-unit .search:hover:before {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -11px;
    font-size: 22px;
    content: "\f002";
    color: #444;
    background: none;
    display: block;
    text-indent: 0;
    cursor: auto;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    width: 20px;
    height: 20px;
    -webkit-font-smoothing: antialiased;
}

#filterContentTypes {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#platformFilter,
#categoryFilter {
    width: 200px;
    max-width: 200px;
    padding: 5px;
    height: 40px;
}

.loaderSpin {
    padding: 60px;
    margin-top: 30px !important;
}

.search-results .select2 {
    width: 95% !important;
}

.select2-results__option {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-results .select2-container--default .select2-selection--single {
    border-radius: 0px;
    height: 40px !important;
    padding-top: 5px;
}

.search-results .select2-container--default .select2-selection--single .select2-selection__arrow {
    margin-top: 5px;
}

.select2-dropdown {
    width: inherit !important;
    border-top: solid 1px #aaa !important;
}


.loaderSpin img {
    width: 80px;
    height: 80px;
}

.searchStatus {
    font-weight: 400;
    clear: left;
    padding: 17px 0 0;
    margin: 0;
    color: #FFF;
    width: 50%;
    float: none;
}

.support_kb .searchStatus {
    color: #003471;
}

.search-filter {
    margin-top: 17px;
    float: left;
    width: 220px;
    margin-right: 30px;
}

.search-filter ul {
    padding-left: 5px;
}

.search-filter li {
    margin-bottom: 5px;
}

.search-filter h4 {
    font-weight: 600;
    font-size: 14px;
}

.search-results-column~.search-results-column {
    margin-left: 0 !important;
}

.search-results-column {
    margin-top: 17px;
    float: left;
    width: 70%;
}

.search-results-column:nth-of-type(3) {
    width: 70%;
    margin: 30px 0 50px 290px !important;
}

.search-result-meta {
    font-size: 80%;
    padding-top: 5px;
    opacity: .8;
}

.search-result-description {
    font-size: 90%;
    padding-top: 5px;
    opacity: 1;
}

.support_kb .hero-unit .search input[type=search] {
    height: 50px;
    padding: 16px 12px 16px 85px;
    width: 100%;
    color: #003471;
    border: none;
}

.support_kb .hero-unit .search input[type=text] {
    height: 60px;
    padding: 16px 12px 16px 55px;
    width: 100%;
}

.support_kb .hero-unit .search input[type=submit] {
    display: none;
}

.support_kb .sub-nav-inner .search:before {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -11px;
    font-size: 22px;
    content: "\f002";
    color: #444;
    background: none;
    display: block;
    text-indent: 0;
    cursor: auto;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    width: 20px;
    height: 20px;
}

.support_kb #query {
    margin: 0 !important;
    background-color: #f9fbfd !important;
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
    color: #444 !important;
    padding: 0 20px 0 55px !important;
    width: 100% !important;
    min-width: 400px !important;
    height: 60px !important;
    font-size: 20px !important;
    line-height: 1 !important;
    /* -webkit-transition: border 0.3s ease !important;
    transition: border 0.3s ease !important;
    */
    ;
}

.support_kb .menu_wrap {
    max-width: 1200px;
    text-align: center;
    margin: 0 auto;
    padding-top: 40px;
}

.support_kb .menu_wrap li {
    padding: 3px 0 3px 30px;
}

.support_kb .kbmenu_icon {
    padding: 35px;
    float: left;
}

.support_kb .kbmenu_title {
    font-size: 18px;
    font-weight: 700;
    color: #383F47;
}

.support_kb .kbcategory_articles {
    clear: both;
    max-width: 1200px;
    text-align: center;
    margin: 0 auto;
    padding-top: 40px;
}

.support_kb .sub-nav-inner {
    padding-left: 0 !important;
}

.support_kb .sub-nav .search input[type=search] {
    padding: 6px 10px 6px 35px;
    height: 30px;
    width: 410px;
}

.article-wrapper {
    width: 100%;
    padding-left: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.article-list a {
    color: #006BFF;
}

.article-list li {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 0;
    background: none;
}

.support_kb .article-list li {
    padding-top: 5px;
    padding-bottom: 5px;
}

.mdxcss .article-list li.treeline {
    background: url(//theme.zdassets.com/theme_assets/539845/0b9f30b57e759aa512f1d49f84097b9b93df7b64.png) 5px 10px repeat-y !important;
}

.support_kb .article-list li.treeline {
    background: url(//theme.zdassets.com/theme_assets/539845/0b9f30b57e759aa512f1d49f84097b9b93df7b64.png) 5px 5px repeat-y !important;
}

.article-wrapper .main-column {
    width: 868px;
    max-width: 868px;
    margin-top: 36px;
}

.side-column {
    margin-left: 10px;
    padding-left: 10px;
    width: 300px;
}

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

.support_kb .article-body table ul {
    list-style-type: none;
}

.support_kb .article-body ol {
    list-style-type: decimal;
}

.article-body li {
    margin-bottom: 0;
    margin-left: 1em !important;
    list-style-position: outside !important;
}

.article-body table li {
    margin-left: 0px !important;
}

.support_kb .article-body ul.notes {
    margin: 0;
    list-style-type: none;
}

.support_kb .article-body ul.notes li {
    margin-bottom: 10px;
    border: 1px #eee dotted;
    padding: 10px;
    background-color: #FFFDE1;
}

.support_kb #caseExamples,
.support_kb .article-body h2 {
    font-weight: 400;
    border-bottom: 1px dashed #DADADA;
    padding: 30px 0 20px;
    font-size: 23px;
}

.support_kb .article-header {
    border-bottom: 0;
}

.support_kb article ul {
    padding-top: 10px;
}

.support_kb .article-sidebar h3 {
    border-bottom: 0;
}

/* .support_kb article ul li {
    font-size: 16px;
}
*/
#relatedTicketsTable-header ul,
#relatedTicketsTable-footer ul {
    list-style-type: none;
}

#relatedTicketsTable-header .dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #000 !important;
    background-color: #f4f8fe !important;
    background-image: none !important;
}

#relatedTicketsTable-header .dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a {
    color: #000 !important;
    background-color: #dde6f5 !important;
    background-image: none !important;
}

#relatedTicketsTable-header .dropdown-menu>li>a {
    padding: 5px 10px !important;
    border-radius: 3px !important;
    margin-right: 15px !important;
}

#relatedTicketsTable-header ul {
    height: 170px;
}

.fa-sort-asc,
.fa-sort-desc {
    margin-left: 10px;
}

#relatedTicketsTable-header .search {
    float: left;
}

#relatedTicketsTable-header .btn-group {
    float: right;
}

#relatedTicketsTable-header .search input {
    width: 200px;
    margin-left: 20px;
    border-radius: 5px;
}

#relatedTicketsTable-header .input-group {
    padding-bottom: 15px;
}

#relatedTicketsTable-footer .infos {
    float: right;
}

.support_kb .article-body table li {
    font-size: 14px;
}

.support_kb .category-empty,
.support_kb .section-empty {
    border: 1px solid #C7C7C7;
    padding: 20px;
    width: 100%;
    border-radius: 10px;
    background-color: #fff;
}

.support_kb .section-tree .section ul {
    border: 1px solid #C7C7C7;
    padding: 20px;
    padding-left: 10px !important;
    margin-left: 50px;
    width: 100%;
    border-radius: 4px;
    background-color: #fff;
}

.support_kb .section-tree .section-empty {
    margin-left: 50px;
}

.support_kb .section .see-all-articles {
    color: #003471 !important;
    border-bottom: 0;
    width: 200px;
    display: block;
    padding: 17px 0 0 !important;
    border-top: 0;
    margin: 0;
}

.mdx2-title {
    display: none !important;
    vertical-align: 10% !important;
    border-radius: 3px !important;
    margin-right: .6em !important;
    font-size: 70% !important;
    border: 1px #A9A9A9 dotted !important;
    padding: 2px 5px !important;
    background-color: #FFF !important;
    position: static !important;
}

.mdxnxt-title {
    display: none !important;
    vertical-align: 10% !important;
    border-radius: 3px !important;
    margin-right: .6em !important;
    font-size: 70% !important;
    border: 1px #A9A9A9 dotted !important;
    padding: 2px 5px !important;
    background-color: #FFFFF1 !important;
    position: static !important;
}

.accordion .mdx2-title,
.article-list .mdx2-title {
    display: none !important;
}

.accordion .mdxnxt-title,
.article-list .mdxnxt-title {
    display: none !important;
}

.support_kb .mdxnxt-title {
    display: inline !important;
}

.hc-admin-title {
    vertical-align: 10% !important;
    border-radius: 3px !important;
    margin-right: .6em !important;
    font-size: 70% !important;
    border: 1px #A9A9A9 dotted !important;
    padding: 2px 5px !important;
    position: static !important;
}

.overview-title {
    color: #00C2CF;
    font-size: 100%;
    margin-right: .3em;
}

.howto-title {
    color: #00C2CF;
    font-size: 100%;
    margin-right: .3em;
}

.usecase-title {
    color: #00C2CF;
    font-size: 100%;
    margin-right: .3em;
}

.sizmekcertified-title {
    color: #00C2CF;
    font-size: 100%;
    margin-right: .3em;
}

.tips-title {
    color: #00C2CF;
    font-size: 100%;
    margin-right: .3em;
}

.faq-title {
    color: #00C2CF;
    font-size: 100%;
    margin-right: .3em;
}

.support_kb .faq-title {
    color: #003471;
    vertical-align: 10%;
    border-radius: 3px;
    margin-right: .6em;
    font-size: 70%;
    border: 1px #A9A9A9 dotted;
    padding: 2px 10px;
    background-color: #FFF;
    text-transform: uppercase;
}

.support_kb .howto-title {
    color: #003471;
    vertical-align: 10%;
    border-radius: 3px;
    margin-right: .6em;
    font-size: 70%;
    border: 1px #A9A9A9 dotted;
    padding: 2px 5px;
    background-color: #FFF;
    text-transform: uppercase;
}

.troubleshooting-title {
    color: #00C2CF;
    font-size: 100%;
    margin-right: .3em;
}

.bestpractices-title {
    color: #00C2CF;
    font-size: 100%;
    margin-right: .3em;
}

.onboarding-title {
    color: #00C2CF;
    font-size: 100%;
    margin-right: .3em;
}

.knownissues-title {
    color: #00C2CF;
    font-size: 100%;
    margin-right: .3em;
}

.reference-title {
    color: #00C2CF;
    font-size: 100%;
    margin-right: .3em;
}

.glossary-title {
    display: none;
}

.support_kb .reference-title {
    color: #003471;
    vertical-align: 10%;
    border-radius: 3px;
    margin-right: .6em;
    font-size: 70%;
    border: 1px #A9A9A9 dotted;
    padding: 2px 5px;
    background-color: #FFF;
    text-transform: uppercase;
}

.video-title {
    line-height: 1em;
    color: transparent;
    background-size: 1.6em;
    background-image: url(//theme.zdassets.com/theme_assets/539845/4d167392f11b8489c543db873fdac727fac1be08.png);
    vertical-align: 16%;
    font-size: 80%;
    background-repeat: no-repeat;
    cursor: default;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.new-title {
    color: #00C2CF;
    font-size: 100%;
    margin-right: .3em;
    display: none;
}

.support_kb .new-title {
    display: inline;
}

.kb-title {
    vertical-align: 10%;
    border-radius: 3px;
    margin-right: .6em;
    font-size: 70%;
    border: 1px #A9A9A9 dotted;
    padding: 2px 5px;
    background-color: #F3FEFF;
}

.section-title {
    color: #003471;
    vertical-align: 10%;
    border-radius: 3px;
    margin-right: .6em;
    font-size: 70%;
    border: 1px #A9A9A9 dotted;
    padding: 2px 5px;
    background-color: #F3FEFF;
}

.topic-title {
    color: #003471;
    vertical-align: 10%;
    border-radius: 3px;
    margin-right: .6em;
    font-size: 70%;
    border: 1px #A9A9A9 dotted;
    padding: 2px 5px;
    background-color: #FFFFE9;
}

.article-title {
    color: #003471;
    vertical-align: 10%;
    border-radius: 3px;
    margin-right: .6em;
    font-size: 70%;
    border: 1px #A9A9A9 dotted;
    padding: 2px 5px;
    background-color: #F3FEFF;
}

.issue-title {
    color: #003471;
    vertical-align: 10%;
    border-radius: 3px;
    margin-right: .6em;
    font-size: 70%;
    border: 1px #A9A9A9 dotted;
    padding: 2px 5px;
    background-color: #FFF;
}

.sub-title {
    color: #003471;
    vertical-align: 10%;
    border-radius: 3px;
    margin-right: .6em;
    font-size: 70%;
    border: 1px #A9A9A9 dotted;
    padding: 2px 5px;
    background-color: #FFF;
}

.mdxcss .topic-title,
.mdxcss .article-title,
.mdxcss .issue-title,
.mdxcss .sub-title {
    display: none;
}

table {
    *border-collapse: collapse;
    /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
}

.article-body .borderLess {
    border: 0 !important;
    box-shadow: none !important;
}

.borderLess td,
.borderLess th,
.borderLess img {
    border: 0;
    text-transform: none !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    background-color: transparent !important;
}

.support_kb .bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}

.support_kb .bordered tr:hover {
    background: #E9FAFF;
    -o-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.support_kb .bordered td,
.support_kb .bordered th {
    border: 1px solid #617792;
    padding: 10px;
    text-align: left;
    opacity: 1;
    line-height: 1.7;
}

.support_kb .bordered th,
.support_kb .bordered tr:first-child td {
    background-color: #0D2A4D;
    color: #FFF;
    text-transform: uppercase;
}

.support_kb .bordered th a,
.support_kb .bordered tr:first-child td a {
    color: #FFEF05 !important;
}

.support_kb .bordered td {
    vertical-align: middle;
}

#adminHC {
    font-size: 18px;
    text-align: center;
    padding: 28px;
    border: 1px solid #BACAE4;
    width: 259px;
    border-radius: 0;
}

#adminHC a {
    color: #0068FF;
    text-decoration: none;
}

#adminHC a:hover {
    cursor: pointer;
    text-decoration: underline;
}

/******END NAVIGATION HOME PAGE******/
.checkbox-custom,
.radio-custom {
    opacity: 0;
    position: absolute;
}

.checkbox-custom,
.checkbox-custom-label,
.radio-custom,
.radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label,
.radio-custom-label {
    position: relative;
}

.checkbox-custom+.checkbox-custom-label:before,
.radio-custom+.radio-custom-label:before {
    margin-top: -5px;
    content: '';
    background: #fff;
    border: 1px solid #0068ff;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    padding: 5px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked+.checkbox-custom-label:before {
    font-size: 9px;
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #F1FCFF;
    color: #1A92CE;
}

.radio-custom+.radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked+.radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #bbb;
}

.backupStatus {
    padding: 20px;
    border-top: 1px solid #A4F1FF;
    border-bottom: 1px solid #eee;
    margin: 30px 0;
    background-color: #F5FFFD;
}

.modal-title {
    font-size: 23px;
    padding: 5px 0;
    margin: 0;
}

input[type="file"] {
    height: 45px !important;
    line-height: 20px !important;
    width: 450px !important;
}

#categoryLog,
#sectionLog,
#articleLog,
#eraseLog,
#removeTagsLog,
#applyTagsLog,
#removeRestrictionLog {
    line-height: 1.5em !important;
    font-family: "Courier New", monospace, Monaco, Menlo, Consolas !important;
    height: 250px !important;
    font-size: 13px !important;
    border-radius: 5px !important;
}

.megaHeader {
    color: #37C1BE;
    line-height: 1em;
    font-size: 50px;
    font-weight: 600;
}

.alert-info {
    color: #0070A9 !important;
    background-color: #E4F6FF !important;
    border-color: #B7E7F1 !important;
}

.tocify-extend-page {
    max-height: 300px !important;
}

.hide {
    display: none;
}

div.stickyHeader {
    top: 0;
    position: fixed;
    _position: absolute;
}

table.stickyHeader {
    top: 0;
    position: fixed !important;
    width: auto;
    display: none;
    border: none;
}

img.screenshot {
    box-shadow: 7px 7px 5px #888;
    padding: 0;
    margin-bottom: 10px;
}

label.caption {
    text-align: center;
    cursor: pointer;
}

.mdxcss table.nohead tbody tr:first-child td,
.support_kb table.nohead tbody tr:first-child td {
    color: inherit;
    background-color: inherit;
    font-size: 15px;
    height: inherit;
    text-transform: inherit;
    font-weight: inherit;
}

.mdxcss table.colhead tbody tr td:first-child,
.support_kb table.colhead tbody tr td:first-child {
    color: #0d2a4d;
    background-color: #DDE6F5;
    font-size: 16px;
    height: 30px;
    text-transform: uppercase;
    font-weight: 700;
}

.headercell {
    color: #0d2a4d !important; 
    background-color: #DDE6F5 !important;
    font-size: 16px !important;
    height: 30px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

table.layout td {
    text-transform: none;
}

.locationintopic {
    background-color: #003471;
    color: #FFF;
    text-transform: uppercase;
}

.inlineicon {
    margin: -2px 5px 0 0 !important;
    padding: 0 !important;
    width: 30px !important;
    height: 20px !important;
    width: 20px !important;
}

.fancybox-title-float-wrap .child {
    display: none !important;
}

.support_kb .fancybox img {
    padding: 5px !important;
    border: 1px solid #949494 !important;
    height: auto !important;
}

/* Contributions */
.modal-backdrop,
.modal-backdrop.fade.in {
    opacity: .7;
    z-index: 1;
}

#requestArticle,
#flagArticle {
    left: 45%;
    width: 720px;
}

#suggestEdit,
#useArticle,
#referenceArticle {
    left: 40%;
    width: 910px;
}

#related-article-tickets {
    display: none !important;
}

#suggestEdit .modal-body-right .modal-side-options button {
    margin-top: 10px;
}

#referenceArticle .loaderAnimation, #useArticle .loaderAnimation {
    position: absolute;
    top: -70px;
    left: 50px;
}

#referenceArticle .submitStatus, #useArticle .submitStatus {
    margin-left: 100px;
    margin-top: 28px;
}

/* side-modal */
.side-modal {
    width: auto;
    left: auto !important;
    right: -100%;
    bottom: 0px !important;
    top: 0px;
    overflow: auto;
    margin: 0;
    transition: .5s;
    display: block !important;
    opacity: 1;
    border: none;
    border-radius: 0;
    position: fixed;
    z-index: 10000;
    background-color: #fff;
    max-width: 100%;
}

.side-modal .modal-dialog {
    height: 100%;
}

.side-modal .modal-content {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.side-modal .modal-body {
    flex: 1;
}

.side-modal .modal-header {
    display: flex;
    background-color: #6f6f6f;
    color: #fff;
    padding: 5px 15px 5px 70px;
}

.side-modal .modal-header h1 {
    color: #fff;
}

.side-modal .modal-header .close {
    top: 0;
    color: #fff;
    background-color: #49b0f1;
    opacity: 1;
    border-radius: 0;
    position: absolute;
    font-size: 40px;
    left: 0;
    margin: 0;
    height: 54px;
    width: 54px;
}

.side-modal textarea,
.side-modal input[type=text],
.side-modal select {
    border: 1px solid #ddd !important;
    border-radius: 4px;
    padding: 7px 8px !important;
    height: auto;
    color: #2b2a2a;
}

.side-modal.slide-in {
    right: 0;
}

/* end of side-modal */
/* suggestEdit */
#suggestEdit {
    width: 100%;
    transition: .8s;
}

#suggestEdit .modal-body {
    flex: 1;
    padding: 0px 15px 0px 0px;
}

#suggestEdit .modal-body-right {
    width: 400px;
    border-left: 1px solid rgb(221, 221, 221);
    background-color: #f8f8f8;
    flex: none;
    padding: 15px 30px;
    color: #2b2a2a;
}

#suggestEdit .modal-body-container {
    display: flex;
    /* height: calc(100% - 63px); */
    position: absolute;
    width: 100%;
}

#assignSelf label,
#publishImmediate label {
    font-size: 14px;
    width: fit-content;
}

#assignSelf input,
#publishImmediate input {
    margin-right: 5px;
    zoom: 1.4;
    vertical-align: bottom;
}

#suggestEdit .modal-body-right #otherDetails li,
#suggestEdit .modal-body-right #articleLocation li,
#suggestEdit .modal-body-right #articleDetails li {
    margin-left: 0 !important;
}

#suggestEdit .modal-body-right select,
#suggestEdit .modal-body-right input[type=text],
#suggestEdit .modal-body-right table {
    width: 312px;
    margin-left: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 7px 8px;
    height: auto;
    color: #2b2a2a;
}

#suggestEdit .modal-body-right #otherDetails li:first-of-type {
    display: grid;
}

#suggestEdit .modal-body-right .modal-side-options {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}

#suggestEdit span.ticket_status_label {
    display: inline-block;
    color: #000;
    width: 50px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.30);
}

#suggestEdit td {
    padding: 5px 10px;
    border: 1px solid #ddd;
}

#suggestEdit td a {
    align-items: center;
    display: flex;
}

#suggestEdit .modal-content {
    display: block;
}

/*end of suggestEdit */
#requestArticleDetail,
#flagReason {
    margin-bottom: 10px;
}

#suggestArticle {
    margin: 20px 0px 10px 5px;
    transform: scale(1.5);
}

.suggestArticleLabel {
    margin-left: 13px;
}

.request-article:before,
.flag-article:before,
.suggest-edit:before,
.suggest-edit2:before,
.add-article:before,
.use-article:before,
.reference-article:before {
    padding-left: 8px;
    padding-right: 8px;
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
}

.request-article:before {
    content: " \f05a ";
}

.flag-article:before {
    content: " \f024 ";
}

.suggest-edit:before {
    content: " \f040 ";
}

.suggest-edit2:before {
    content: " \f040 ";
}

.use-article:before {
    content: " \f08d ";
}

.reference-article:before {
    content: " \f0eb ";
}

.add-article:before {
    content: " \f067 ";
}

#articleLocation {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#articleLocation li {
    margin-left: 15px;
    float: left;
}

#articleLocation li:first-child {
    margin-left: 0;
}

#articleLocation li select {
    padding: 0 8px;
    margin-left: 10px;
}

#ticketSelector {
    width: 618px;
    margin-left: 15px;
    padding: 0 8px;
}

.ticketSelectorSM {
    width: 392px;
    margin-left: 15px;
    padding: 0 8px;
}

.ticketSelector {
    margin-top: 15px;
}

.modal-body {
    max-height: none !important;
}

.modal-body hr {
    margin: 10px 0 8px 0px;
}

.modal-body input {
    border: 1px solid #A7A7A7;
}

#suggestEdit .modal-body textarea {
    height: 200px;
    border: 1px solid #A7A7A7;
}

#flagArticle .modal-body textarea {
    height: 300px;
    border: 1px solid #A7A7A7;
}

#requestArticle .modal-body textarea {
    height: 350px;
    border: 1px solid #A7A7A7;
}

.modal.fade {
    top: -100% !important;
}

.modal.fade.in {
    top: 10% !important;
}

.cke_dialog_contents td {
    background-color: #FFF !important;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

#categorySelect {
    width: 240px;
}

#sectionSelect {
    width: 280px;
}

#ticketSelect {
    width: 820px;
}

.ImagePreviewBox td {
    font-size: 12px !important;
    font-weight: 400 !important;
}

.ImagePreviewBox img {
    max-width: initial;
}

.cke_skin_kama .cke_dialog_body {
    z-index: 10200 !important;
}

input[type=submit][disabled] {
    border: 1px solid #D8D8D8 !important;
    color: #A0A0A0 !important;
    opacity: 1 !important;
}

#upload_button {
    margin-left: 10px;
    margin-top: -5px;
}

li p:first-of-type {
    margin-top: 10px;
}

ul.itemizedlist .listitem p {
    display: inline;
}

ul.itemizedlist .listitem {
    list-style: inherit;
}

table li.listitem {
	margin-left: 20px !important;
}

.article-promoted span {
    cursor: pointer !important;
    font-family: inherit !important;
    margin-right: 5px !important;
    position: inherit !important;
}

.errorMessage {
    display: none;
    background-color: #FFFEEE;
    border: 1px dotted#FF1F1F;
    font-size: 13px;
    color: red;
    margin-right: 10px;
    padding: 6px;
    border-radius: 3px;
}

#articleDetails {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#articleDetails li:first-of-type {
    margin-left: 21px;
    float: left;
}

#articleSelect {
    width: 812px;
    padding: 0 8px;
    margin-left: 13px;
}

#parentSelect {
    width: 605px;
    padding: 0 8px;
    margin-left: 10px;
}

.parentDrop {
    margin-left: 26px;
    float: left;
}

#typeSelect {
    width: 120px;
    padding: 0 8px;
    margin-left: 13px;
}

#otherDetails {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#otherDetails li {
    margin-left: 15px;
    display: inline;
}

#otherDetails li:first-of-type {
    width: 496px;
    margin-left: 26px;
    float: left;
}

#articleTitle {
    margin-left: 10px;
    padding: 5px 10px;
    width: 454px;
    display: inline;
}

#searchKeywords {
    margin-left: 26px;
    padding: 5px 10px;
    width: 280px;
    display: inline;
}

#backBtn {
    float: left;
    display: none;
}

#restoreBtn,
#rejectBtn,
#updateBtn,
#approveBtn,
#previewBtn,
#publishBtn,
#cancelPublishBtn,
#confirmPublishBtn {
    float: right;
    display: none;
}

#cancelRejectBtn,
#confirmRejectBtn {
    display: none;
}

#reasonText,
#publishComment {
    margin: 0px 20px 20px 20px;
    width: 96%;
    height: 382px;
    resize: none;
}

#rejectReasonWrap,
#publishWrap {
    display: none;
}

#rejectReasonWrap p,
#publishWrap p {
    margin: 14px 0px;
    padding-left: 20px;
}

.status-icon {
    width: 80px;
    border-radius: 5px;
    font-size: 12px;
    padding: 3px 10px;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.30);
}

.status-hold,
.status-closed,
.status-solved {
    background-color: #ececec;
}

.status-open {
    background-color: #ffe1e1;
}

.status-new {
    background-color: #fffcc2;
}

.status-pending {
    background-color: #e4f7ff;
}

/* Publisher Certification Added by Adina Shabi March 30, 2016 */
.pubCertForm label {
    font-size: 17px;
}

.pubCertInfo ul.tags {
    margin: 0;
    padding: 0;
}

.pubCertInfo ul.tags li {
    display: inline-block;
    margin-left: 0 !important;
}

.pubCertInfo ul.tags li.polite-rich-media {
    background: url(//theme.zdassets.com/theme_assets/539845/b875269d9c51c2d9cd9c35556d6ddd713803331d.jpg) no-repeat;
    width: 420px;
    height: 278px;
    position: relative;
}

.pubCertInfo ul.tags li.html5-standard-banners {
    background: url(//theme.zdassets.com/theme_assets/539845/cfac38161b4cf6589c7ea0dce80a8363a3a72241.jpg) no-repeat;
    width: 420px;
    height: 278px;
    position: relative;
}

.pubCertInfo ul.tags li.in-stream-vast {
    background: url(//theme.zdassets.com/theme_assets/539845/1cc0dc1999fec49c095d87bd1e2f25e2e5efb89a.jpg) no-repeat;
    width: 420px;
    height: 278px;
    position: relative;
}

.pubCertInfo ul.tags li .dd {
    background-color: #0E2A4F;
    position: absolute;
    bottom: 0px;
    margin: 0;
    padding: 0;
    width: 100%;
    right: 0;
}

.pubCertInfo ul.tags li .dd h3 {
    color: #F6F300;
    font-size: 1em;
    float: left;
    vertical-align: middle;
    line-height: 30px;
    padding-left: 5px;
}

.pubCertInfo ul.tags li .dd ul.btns {
    float: right;
    margin-right: 6px;
}

.pubCertInfo ul.tags li .dd ul.btns li {
    background: #0169FF;
    height: 40px;
    line-height: 40px;
    margin: 6px 1px;
}

.pubCertInfo ul.tags li .dd ul.btns li a {
    margin: 5px;
    padding: 0 10px;
    font-weight: normal;
    font-size: 13px;
    color: white;
}

.pubCertInfo ul.tags li .dd ul.subtag {
    display: none;
    position: absolute;
    min-width: 123px;
    background-color: #0169FF;
    margin: 0;
    padding: 0;
    z-index: 999;
    margin-top: -1px;
}

.pubCertInfo ul.tags li .dd ul.subtag li {
    display: block;
    margin: 0;
    font-size: 13px;
    line-height: normal;
    padding: 10px;
}

.pubCertInfo ul.subtag li a {
    color: white;
}

.pubCertInfo ul.tags li .dd ul.btns li:hover {
    cursor: pointer;
}

.pubCertInfo ul.tags li .dd ul.btns li:hover ul.subtag {
    display: block;
}

.pubCertInfo ul.tags li .dd ul.btns li:hover ul.subtag a:hover {
    text-decoration: underline;
}

.support_kb .mdx2-title {
    display: inline !important;
}

table.CF_images_table td {
    background-color: transparent !important;
    border: none !important;
    font-weight: normal !important;
    text-align: center !important;
}

.user-nav .language-selector a {
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    border-radius: 50%;
    color: white;
    overflow: hidden;
}

.user-nav .language-selector a:hover {
    color: #fff;
}

.user-nav .language-selector .dropdown-menu [role=menuitem] {
    background-color: initial !important;
    color: #333 !important;
}

.user-nav .language-selector {
    display: none;
    margin-left: 15px;
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    border-radius: 50%;
    background-color: white;
}

.user-nav .language-selector .dropdown-menu {
    top: 130%;
}

.mdxcss .article-list li.treeline a {
    font-size: 14px !important;
}

.submitAnArticle {
    cursor: pointer;
    float: right;
    z-index: 9999999999;
    position: absolute;
    color: #000;
    top: 18px;
    right: 105px
}

/****** Support Dev Team ******/
.support_kb .subscriptionContainer {
    text-align: right;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    display: block;
    max-width: 1150px;
    padding: 0 20px !important;
}

.support_kb .article-header h1,
.support_kb .page-header h1 {
    float: left;
    max-width: 868px;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 0px;
    width: auto;
}

.support_kb #bread-drop a {
    color: #444242 !important;
}

.section-subscribe .dropdown-menu[aria-expanded=true] {
    left: 0px !important;
    /* right: 108px !important; */
    display: block !important;
}

/* category dropdown */
.dropbtn {
    color: #fff;
    padding: 5px;
    font-size: 24px;
    border: none;
    cursor: pointer;
}

.dropdown-menu-top {
    bottom: unset !important;
}

.dropdown-menu-end {
    margin-top: 7px !important;
}

.mdxcss #caseExamples {
    margin-top: 50px;
}

.mdxcss .dropbtn {
    display: none;
}

.support_kb .dropbtn {
    display: block;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    margin-top: 2px;
}

.dropdown-content a {
    font-family: "Open Sans", sans-serif;
    padding: 10px 12px;
    text-decoration: none;
    display: block;
    font-size: 14px;
}

.dropdown a:hover {
    background-color: transparent
}

.show {
    display: block;
}

#bread-drop {
    right: -93px;
    z-index: 99;
    top: 35px;
}

.mdxcss #sidenav,
.mdxcss .FloatingWidget,
.mdxcss #FloatingWidget,
.mdxcss #sidefoot {
    /* display: none !important;
    */
}

.support_kb #sidenav,
.support_kb .FloatingWidget,
.support_kb #FloatingWidget {
    display: block;
}

#sideNavigation {
    background: #00244d;
    box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.7);
    border-top: 3px solid #00e8c6;
    float: left;
    max-width: 40%;
    min-width: 300px;
    overflow-x: hidden;
    transition: margin .3s, top 0.3s ease-in-out !important;
    z-index: 9;
    margin-left: -300px;
    height: calc(100% - 40px);
    /*to compensate with margin-top: 40*/
    position: fixed;
    margin-top: 40px;
    padding-bottom: 10px;
}

.support_kb main {
    margin-left: 10px;
    float: right;
    width: 100%;
    min-width: 59%;
}

.support_kb .header {
    height: 40px;
}

#sidenav {
    padding-top: 20px;
    overflow: auto;
    min-height: calc(100% - 103px)
}

#sidenav a {
    color: #accfff;
}

#sideNavigation .sidenav-footer {
    width: 100%;
    bottom: 55px;
    padding-left: 15px;
    color: #183e6c;
    border-top: 1px solid #183e6c;
}

#sideNavigation .sidenav-footer a {
    font-size: 9px;
    font-family: 'Open Sans', 'Lato', sans-serif;
    color: #8fbeff;
}

#sidefoot {
    background: #f0f0f0;
    position: fixed;
    bottom: 0;
    width: 300px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    height: 40px;
    max-width: 40%;
    min-width: 300px;
    z-index: 99;
}

.cover {
    display: none;
    width: 50px;
    height: 100% !important;
    background: #f5f5f5;
    border: 1px solid #ccc;
    position: fixed;
    z-index: 9;
}

.sticky {
    top: 50px;
    z-index: 99999;
}

#sidefoot:hover {
    background-color: #e9e9e9 !important;
}

#side-toggle {
    color: #707070;
    font-size: 20px;
    float: right;
    padding-right: 15px;
    padding-top: 10px;
}

/* .support_kb main {
    transition: margin-left .5s;
}
*/
.sub-group-list span,
.sub-group-list span.mdxnxt-title {
    /* display:none !important;
    */
    font-size: 7px !important;
    vertical-align: 20%;
}

#nav-list {
    overflow-y: hidden;
}

#nav-list>.firstLi {
    border-top: none;
    padding: 0px !important;
}

#nav-list>li:last-child {
    padding: 0px !important;
    border-bottom: none;
}

#nav-list>li {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #183e6c;
    border-bottom: 1px solid #071729;
    padding: 10px 12px 5px 16px !important;
    transition-duration: .5s;
    min-height: 40px;
}

#nav-list>li:last-child,
#nav-list>li:first-child {
    min-height: auto;
}

#nav-list>li>.categoryDrop {
    text-transform: uppercase;
    font-family: 'Open Sans', 'Lato', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #8fbeff;
}

#nav-list>li>.sectionDrop {
    text-transform: uppercase;
    font-family: 'Open Sans', 'Lato', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #8fbeff;
}

#nav-list>li>i {
    display: none
}

@supports (-moz-appearance:none) {
    #nav-list>li>i {
        display: none !important;
    }
}

@supports (-ms-ime-align:auto) {
    #nav-list>li>i {
        display: none !important;
    }
}

@media screen and (min-width:0\0) and (min-resolution:+72dpi),
\0screen\, screen\9 {
    #nav-list>li>i {
        display: none !important;
    }
}

#nav-list>li>ul>li>a,
#nav-list>li>ul>li>ul>li>a,
#nav-list div>li>a {
    font-family: 'Verdana';
    font-size: 12px;
    font-weight: normal;
    padding: 7px 4px !important;
    border-radius: 3px;
    z-index: 1;
    margin-left: 4px;
    width: calc(100%-12px);
    display: inline-block;
    overflow: -moz-hidden-unscrollable;
    text-overflow: ellipsis;
}

@supports (-moz-appearance:none) {

    #nav-list>li>ul>li>a,
    #nav-list>li>ul>li>ul>li>a,
    #nav-list div>li>a {
        display: inline !important;
        margin-left: 4px;
    }
}

@supports (-ms-ime-align:auto) {

    #nav-list>li>ul>li>a,
    #nav-list>li>ul>li>ul>li>a,
    #nav-list div>li>a {
        display: inline !important;
        margin-left: 4px;
    }
}

@media screen and (min-width:0\0) and (min-resolution:+72dpi),
\0screen\, screen\9 {

    #nav-list>li>ul>li>a,
    #nav-list>li>ul>li>ul>li>a,
    #nav-list div>li>a {
        display: inline !important;
        margin-left: 4px;
    }
}

#nav-list div>li>a {
    margin-left: -20px;
    width: calc(100% + 15px);
    max-width: none;
}

#nav-list>li>ul {
    padding: 5px 0px 0px 0px !important;
    margin: 0 !important;
}

#nav-list>.superCat>ul {
    margin-left: -8px !important;
}

#nav-list>.superCat>ul>li:hover {
    border-radius: 3px;
    background-color: #002c66;
}

#nav-list a.currPage {
    color: white;
    font-weight: bold;
}

/* #nav-list > li > ul > li{
    margin-left: 0 !important;
}
*/
#sidenav .section {
    padding: 0;
    /*text-overflow: ellipsis;
    overflow: hidden;*/
    margin-left: 20px;
    width: 95%;
}

#sidenav {
    font-family: 'Verdana' !important;
}

i#icon-section {
    padding-left: 3px;
}

#nav-list .platformTitle {
    border-bottom: 1px solid #071729;
    border-top: 1px solid #183e6c;
    display: flex;
    padding: 8px;
    color: #fff;
    background-color: #001838;
    font-size: 15px;
}

#nav-list>li>a:hover {
    color: #fff;
}

#nav-list .category>i,
#nav-list .section>i,
#nav-list .section>ul>li i {
    cursor: pointer;
    font-size: 16px;
    color: #accfff;
    position: relative;
    z-index: 1;
    width: 8px;
}

#nav-list div>li>i {
    cursor: pointer;
    font-size: 16px;
    color: #accfff;
    position: relative;
    z-index: 1;
    width: 15px
}

.category>.group-list {
    padding-left: 5px;
}

.hashTags {
    width: initial;
    font-size: 12px;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
    margin-top: 10px !important;
}

.cssCircle {
    display: none;
    background: #1a75ff;
}

#nav-list .sub-group-list .treelisthidden {
    background-color: #f5f5f5 !important;
    border-right: none !important;
}

#nav-list .sub-group-list>.icon>.treelist {
    cursor: pointer;
    padding-left: 20px;
    margin-left: 11px;
}

/* .treelist.active a.nav-line{
    margin-left: 11px;
}
#nav-list .sub-group-list > .treelist.loc.loc-1.has-arrow{
    margin-left: 0px !important;
}
#nav-list .sub-group-list > .treelist.loc.loc-2.has-arrow{
    margin-left: 24px !important;
}
*/
#nav-list .sub-group-list>.loc-1,
#nav-list .sub-group-list>.loc-NaN,
#nav-list .sub-group-list>.p-undefined,
.sub-group-list>.loc:first-child {
    cursor: pointer;
    padding-left: 24px;
    /* padding: 7px 0px !important;
    */
    padding: 0;
    margin-left: 21px !important;
    border-radius: 3px;
}

#nav-list .sub-group-list .treelist.loc-1.loc.has-arrow {
    margin-left: 5px !important;
}

#nav-list .sub-group-list .treelist.loc-2.loc.has-arrow {
    margin-left: 18px !important;
}

#nav-list .sub-group-list .treelist.loc-3.loc.has-arrow {
    margin-left: 31px !important;
}

#nav-list .sub-group-list .treelist.loc-4.loc.has-arrow {
    margin-left: 54px !important;
}

@supports (-moz-appearance:none) {

    #nav-list .sub-group-list>.loc-1,
    #nav-list .sub-group-list>.loc-NaN,
    #nav-list .sub-group-list>.p-undefined,
    .sub-group-list>.loc:first-child {
        margin-left: 18px !important;
        padding: 5px 0px !important;
    }

    li:first-child {
        margin-top: 5px !important;
    }

    li:last-child {
        margin-bottom: -5px !important;
    }
}

@supports (-ms-ime-align:auto) {

    #nav-list .sub-group-list>.loc-1,
    #nav-list .sub-group-list>.loc-NaN,
    #nav-list .sub-group-list>.p-undefined,
    .sub-group-list>.loc:first-child {
        margin-left: 18px !important;
        padding: 5px 0px !important;
    }

    li:first-child {
        margin-top: 5px !important;
    }

    li:last-child {
        margin-bottom: -5px !important;
    }
}

@media screen and (min-width:0\0) and (min-resolution:+72dpi),
\0screen\, screen\9 {

    #nav-list .sub-group-list>.loc-1,
    #nav-list .sub-group-list>.loc-NaN,
    #nav-list .sub-group-list>.p-undefined,
    .sub-group-list>.loc:first-child {
        margin-left: 18px !important;
        padding: 5px 0px !important;
    }

    li:first-child {
        margin-top: 5px !important;
    }

    li:last-child {
        margin-bottom: -5px !important;
    }
}

#nav-list .dmp .sub-group-list>.loc-1.has-arrow {
    margin-left: -2px !important;
}

@supports (-moz-appearance:none) {
    #nav-list .dmp .sub-group-list>.loc-1.has-arrow {
        margin-left: 5px !important;
    }
}

@supports (-ms-ime-align:auto) {
    #nav-list .dmp .sub-group-list>.loc-1.has-arrow {
        margin-left: 5px !important;
    }
}

@media screen and (min-width:0\0) and (min-resolution:+72dpi),
\0screen\, screen\9 {
    #nav-list .dmp .sub-group-list>.loc-1.has-arrow {
        margin-left: 5px !important;
    }
}

/* #nav-list .sub-group-list > .treelist:first-child{
    margin-top: 8px;
}
#nav-list .sub-group-list > .treelist:last-child{
    margin-bottom: 0px;
}
*/
.treelist.loc-2 {
    margin-left: 34px !important;
}

.treelist.loc-3 {
    margin-left: 41px !important;
}

.treelist.loc-4 {
    margin-left: 58px !important;
}

.treelist.loc-5 {
    margin-left: 71px !important;
}

#nav-list .sub-group-list>.treelist a {
    padding: 5px 0px 5px 8px;
    border-radius: 3px;
    width: calc(100% - 2px);
    display: inline-block;
    overflow: -moz-hidden-unscrollable;
    text-overflow: ellipsis;
}

@supports (-moz-appearance:none) {
    #nav-list .sub-group-list>.treelist a {
        display: inline;
        margin-left: 5px;
        padding: 5px 0px !important;
    }
}

@supports (-ms-ime-align:auto) {
    #nav-list .sub-group-list>.treelist a {
        display: inline;
        margin-left: 5px;
        padding: 5px 0px !important;
    }
}

@media screen and (min-width:0\0) and (min-resolution:+72dpi),
\0screen\, screen\9 {
    #nav-list .sub-group-list>.treelist a {
        display: inline;
        margin-left: 5px;
        padding: 5px 0px !important;
    }
}

#nav-list .sub-group-list .maintopic>li>a {
    /* display:none !important;
    */
    margin-left: 21px;
}

#nav-list .sub-group-list .maintopic {
    /* display:none !important;
    */
    /* padding-left: 43px;
    */
    padding-left: 38px;
}

#nav-list hr {
    margin: 0 !important;
}

/*#nav-list .treelist > a.nav-line:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    margin: 3px 0 0 0;
    background: #ccc;
}
#nav-list .maintopic .treelist > a.nav-line:after {
    content: "";
    display: none;
    height: 1px;
    width: 100%;
    margin: 3px 0 0 0;
    background: #ccc;
}
*/
#show-data .maintopic {
    margin-top: 30px;
    margin-bottom: 10px;
}

#show-data .maintopic a {
    border: 1px solid;
    padding: 4px 10px;
    border-radius: 5px;
    background-color: #f4ffff;
    margin-left: -50px;
}

#show-data .subtopic {
    border-left: 1px solid #00d1c6;
    margin-left: 8px;
    padding-left: 20px;
}

#show-data .treeline {
    padding-left: 50px;
}

#show-data .icon .treeline {
    padding-left: 70px;
}

#nav-list .sub-group-list div {
    padding: 2px 0 0 0;
}

#nav-list .icon>.treelist>i {
    margin-left: -12px;
}

.FloatingWidget {
    position: fixed;
    right: 0px;
    top: 40%;
    -ms-transform: rotate(-90deg);
    /* IE 9 */
    -webkit-transform: rotate(-90deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    background: #003471;
    color: white;
    padding: 5px 10px;
    cursor: pointer;
}

#FloatingWidget {
    float: right;
    font-size: 24px;
    padding-top: 3px;
    color: grey;
    cursor: pointer;
}

/* custom scrollbar for sidenav */
#sideNavigation::-webkit-scrollbar-track {
    background-color: #00224b;
}

#sideNavigation::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

#sideNavigation::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #00499f;
}

/*scrollbar for sidenav FF*/
#sideNavigation{
    scrollbar-width: thin;
    scrollbar-color: #00499f #00224b;
}

.back-color {
    position: relative;
    z-index: 1;
}

.back-color:before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
    content: "";
    background-color: #ebf8fe;
}

.back-color:after {
    content: "";
    background: #0072c6;
    position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    width: 3px;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-e {
    width: 15px !important;
    cursor: col-resize !important;
}

@media only screen and (min-width: 768px) {
    #sideNavigation {
        width: auto;
    }
}

@media only screen and (min-width: 768px) {
    #sidefoot {
        width: auto;
    }
}

.tocify-extend-page {
    height: 0 !important;
}

main {
    /* padding-bottom: 150px;
    */
    padding-bottom: 100px;
    float: right;
    width: 100%;
    transition-duration: .3s;
    margin-top: 40px;
}

.inbenta-interface .dropdown-menu>li>a:hover span,
.inbenta-interface .dropdown-menu>li>a:focus span {
    color: #000 !important;
}

.category.dsp {
    margin: 0 !important;
    border-radius: 0 !important;
}

.category.dsp>a:hover {
    background-color: transparent !important;
}

.dmp.section {
    margin: 0 !important;
    border-radius: 0 !important;
}

.dmp.section>a {
    text-transform: uppercase;
    width: 92px;
    height: 15px;
    font-family: 'Open Sans', 'Lato', sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: #8fbeff;
}

.dmp.section>li:hover {}


#sideNavigation .treelist {    
    margin-left: 38px !important;
}

@supports (-moz-appearance:none) {
    #sideNavigation .treelist {
        padding: 5px 0px;
        margin-left: 38px !important;
    }
}

#sideNavigation .dmp .treelist.loc-2.has-arrow {
    margin-left: 13px !important;
}

@supports (-moz-appearance:none) {

    #sideNavigation .dsp .treelist.loc-1:not(.has-arrow),
    #sideNavigation .newdsp .treelist.loc-1:not(.has-arrow) {
        margin-left: 22px !important;
    }
}

@supports (-moz-appearance:none) {
    #sideNavigation .dmp .treelist.loc-2.has-arrow {
        margin-left: 28px !important;
    }
}

@supports (-moz-appearance:none) {

    #sideNavigation .dsp .treelist.loc-2:not(.has-arrow),
    #sideNavigation .newdsp .treelist.loc-2:not(.has-arrow) {
        padding: 5px 0px;
        margin-left: 42px !important;
    }

    #sideNavigation .dmp .treelist.loc-2:not(.has-arrow) {
        padding: 5px 0px;
        margin-left: 28px !important;
    }
}

@supports (-moz-appearance:none) {

    #sideNavigation .dsp .treelist.loc-3:not(.has-arrow),
    #sideNavigation .newdsp .treelist.loc-3:not(.has-arrow) {
        padding: 5px 0px;
        margin-left: 60px !important;
    }

    #sideNavigation .dmp .treelist.loc-3:not(.has-arrow) {
        padding: 5px 0px;
        margin-left: 52px !important;
    }
}

@supports (-ms-ime-align:auto) {

    #sideNavigation .dsp .treelist.loc-1:not(.has-arrow),
    #sideNavigation .newdsp .treelist.loc-1:not(.has-arrow) {
        margin-left: 22px !important;
    }
}

@supports (-ms-ime-align:auto) {
    #sideNavigation .dmp .treelist.loc-2.has-arrow {
        margin-left: 28px !important;
    }
}

@supports (-ms-ime-align:auto) {

    #sideNavigation .dsp .treelist.loc-2:not(.has-arrow),
    #sideNavigation .newdsp .treelist.loc-2:not(.has-arrow) {
        padding: 5px 0px;
        margin-left: 42px !important;
    }

    #sideNavigation .dmp .treelist.loc-2:not(.has-arrow) {
        padding: 5px 0px;
        margin-left: 28px !important;
    }
}

@supports (-ms-ime-align:auto) {

    #sideNavigation .dsp .treelist.loc-3:not(.has-arrow),
    #sideNavigation .newdsp .treelist.loc-3:not(.has-arrow) {
        padding: 5px 0px;
        margin-left: 60px !important;
    }

    #sideNavigation .dmp .treelist.loc-3:not(.has-arrow) {
        padding: 5px 0px;
        margin-left: 52px !important;
    }
}

@media screen and (min-width:0\0) and (min-resolution:+72dpi),
\0screen\, screen\9 {

    #sideNavigation .dsp .treelist.loc-1:not(.has-arrow),
    #sideNavigation .newdsp .treelist.loc-1:not(.has-arrow) {
        margin-left: 22px !important;
    }
}

@media screen and (min-width:0\0) and (min-resolution:+72dpi),
\0screen\, screen\9 {
    #sideNavigation .dmp .treelist.loc-2.has-arrow {
        margin-left: 28px !important;
    }
}

@media screen and (min-width:0\0) and (min-resolution:+72dpi),
\0screen\, screen\9 {

    #sideNavigation .dsp .treelist.loc-2:not(.has-arrow),
    #sideNavigation .newdsp .treelist.loc-2:not(.has-arrow) {
        padding: 5px 0px;
        margin-left: 42px !important;
    }

    #sideNavigation .dmp .treelist.loc-2:not(.has-arrow) {
        padding: 5px 0px;
        margin-left: 28px !important;
    }
}

@media screen and (min-width:0\0) and (min-resolution:+72dpi),
\0screen\, screen\9 {

    #sideNavigation .dsp .treelist.loc-3:not(.has-arrow),
    #sideNavigation .newdsp .treelist.loc-3:not(.has-arrow) {
        padding: 5px 0px;
        margin-left: 60px !important;
    }

    #sideNavigation .dmp .treelist.loc-3:not(.has-arrow) {
        padding: 5px 0px;
        margin-left: 52px !important;
    }
}

/* frank 11/21/2017 adding custom loading and ellipsis to texts in na */
#sideNavigation .treelist {
    /*
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/
    /* padding: 5px 0px;
    */
}

#sideNavigation li.category,
#sideNavigation .section {
    /*text-overflow: ellipsis;
    overflow: hidden;*/
    white-space: nowrap;
    margin: 0 0 0;
    /* padding: 8px 0px 5px 6px;
    */
    padding-left: 6px;
    font-size: 12px;
    border-radius: 3px;
    width: 100%;
    color: #accfff;
}

@supports (-moz-appearance:none) {

    #sideNavigation li.category,
    #sideNavigation .section {
        padding: 5px 0px 5px 6px;
    }
}

@supports (-ms-ime-align:auto) {

    #sideNavigation li.category,
    #sideNavigation .section {
        padding: 5px 0px 5px 6px;
    }
}

@media screen and (min-width:0\0) and (min-resolution:+72dpi),
\0screen\, screen\9 {

    #sideNavigation li.category,
    #sideNavigation .section {
        padding: 5px 0px 5px 6px;
    }
}

#sideNavigation .section {
    /* padding: 5px 0px 5px 12px;
    */
    /* width: calc( 100% - 3px );
    */
    /* padding-left: 12px;
    */
}

/* #sideNavigation .section:first-child, #sideNavigation li.category:first-child{
    margin-top:7px;
}
*/
/* #sideNavigation .section:last-child, #sideNavigation li.category:last-child{
    margin-bottom: 0px;
}
*/
#sideNavigation li.category a:hover,
.dmp.section>ul>li>a:hover,
.addtlResources>ul>li>a:hover {
    background-color: #002c66;
    color: #f9f9f9 !important;
}

#sideNavigation li.category.supportkb a:hover,
#sideNavigation li.category.newdsp a:hover {
    background-color: transparent;
}

#sideNavigation .section {
    /*text-overflow: ellipsis;
    overflow: hidden;*/
}

/* custom loading animation for sidenav */
#nav-list i.faLoader {
    width: 14px !important;
    font-size: 12px !important;
    padding-left: 0px !important;
    margin-right: -4px !important;
    margin-left: -2px !important;
}

.loader {
    border: 2px solid #003471;
    border-radius: 50%;
    border-top: 2px solid #dad2d2;
    width: 14px !important;
    height: 14px !important;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin-top: 5px;
    margin-left: 18px;
    margin-bottom: 2px;
}

.support_kb .loader {
    margin-left: 50px;
}

.div-fake-hidden {
    width: 0px;
    height: 0px;
    overflow: hidden;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* end for frank's custom css */
ul.simple-pagination {
    list-style: none;
}

.simple-pagination {
    display: block;
    overflow: hidden;
    padding: 0 5px 5px 0;
    margin: 0;
}

.simple-pagination .disabled {
    display: none;
}

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

.simple-pagination li {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
}

span.ellipse.clickable {
    cursor: pointer;
}

.ellipse input {
    width: 3em;
}

.light-theme span {
    cursor: pointer;
}

.light-theme a,
.light-theme span {
    float: left;
    color: #006BFF;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    text-align: center;
    border: 1px solid #006BFF;
    min-width: 14px;
    padding: 0 7px;
    margin: 0 5px 0 0;
}

.search-result .light-theme a {
    padding: 0 7px !important;
}

.light-theme a:hover,
.light-theme li:not(.disabled):not(.active) span:hover {
    text-decoration: none;
    background: #FCFCFC;
}

.light-theme .current {
    background: #0068ff;
    color: #FFF;
    border-color: #0B3470;
    cursor: default;
}

.light-theme .ellipse {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-weight: bold;
    cursor: default;
}

.simplePag {
    float: right;
    margin-top: -40px;
}

.releaseTag {
    display: none;
}

#backToTop[style*="opacity: 0"] {
    overflow: hidden !important;
}

/* Expandable */
.expand-control {
    border-bottom: 1px solid #D6E0F0;
}

.expand-control-text {
    padding-left: 20px;
    background: url(//theme.zdassets.com/theme_assets/539845/5bcf9e4196ea12f733b6f2838cb6f859ac0d5b27.png)no-repeat left 4px top 3px;
}

.expand-control-icon img {
    display: none;
    border: 0 !important;
    height: auto;
    max-width: 100%;
    padding: 10px 5px 10px 0;
    margin-bottom: 5px;
}

.expand-content {
    display: none;
    margin-top: -1px;
    border: 1px solid #D6E0F0;
    border-top: 1px solid #FFF;
    padding: 15px;
    padding-top: 0px;
}

.article-body .arrowDown {
    background: url(//theme.zdassets.com/theme_assets/539845/4614552c6912076305845ba04f79837ef556ab89.png)no-repeat left 0px top 6px;
}

.expand-control-text,
.expand-control-icon {
    cursor: pointer;
    color: #006BFF;
}

/* MACRO */
.article-body img {
    height: auto;
    max-width: 100%;
    /*border: 1px solid rgba(0, 0, 0, 0.07) !important;*/
    padding: 3px !important;
}

.confluence-information-macro {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.confluence-information-macro-note {
    color: inherit;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

.confluence-information-macro-information {
    color: inherit;
    background-color: #E4F6FF;
    border-color: #B7E7F1;
}

.confluence-information-macro-warning {
    color: inherit;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.confluence-information-macro p {
    margin: 0;
}

img.confluence-embedded-image.confluence-content-image-border {
    border: 1px solid black !important;
    padding: 0px !important;
}

/* sidenav header */
.sidenav-header {
    width: 300px;
    height: 40px;
    margin-right: auto;
    transition-duration: .5s;
}

.sidenav-header-open {
    background-color: #00244d;
}

.sidenav-header-open:after {
    width: 0px;
    margin-left: 5px;
    height: 0px;
    content: "";
    position: absolute;
    float: right;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 11px solid #00244d;
    transition-duration: .5s;
}

.sidenav-header-closed {
    background-color: #0046b282;
}

.sidenav-header-closed:after {
    width: 0px;
    height: 0px;
    margin-left: 5px;
    content: "";
    position: absolute;
    float: right;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 11px solid #0046b282;
    transition-duration: .5s;
}

.header-breadcrumbs {
    flex: 1;
    margin-left: 30px;
}

.header-breadcrumbs .breadcrumbs {
    margin-bottom: 0px;
}

.hamburger {
    padding: 0px 8px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    position: absolute;
}

.hamburger:hover {
    opacity: 0.7;
}

.hamburger-box {
    width: 26px;
    height: 14px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 24px;
    height: 3px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -8px;
}

.hamburger-inner::after {
    bottom: -8px;
}

/*
   * Vortex
   */
   .hamburger--vortex .hamburger-inner {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
    .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
      transition-duration: 0s;
      transition-delay: 0.1s;
      transition-timing-function: linear; }
    .hamburger--vortex .hamburger-inner::before {
      transition-property: top, opacity; }
    .hamburger--vortex .hamburger-inner::after {
      transition-property: bottom, transform; }
  
  .hamburger--vortex.is-active .hamburger-inner {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
    .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
      transition-delay: 0s; }
    .hamburger--vortex.is-active .hamburger-inner::before {
      top: 0;
      opacity: 0; }
    .hamburger--vortex.is-active .hamburger-inner::after {
      bottom: 0;
      transform: rotate(90deg); }



/*sidenav k-select */
#sideNavigation .k-select {
    margin: 6px 0 0 15px;
    width: 268px;
}

#sideNavigation .k-select>ul {
    width: 268px;
}

/*header k-select */
.header .k-select,
.header .k-select>ul {
    margin: 0;
    width: 135px;
    background-color: #0046b2;
    border-color: #246fdc
}

.header .k-select>ul>li {
    color: #e4effe;
}

.header .k-select>ul>li:hover {
    color: #fff;
    background-color: #005ae5
}

.header .k-select>span {
    padding: 3px 18px 3px 10px !important;
}

/*/
/// */
.panelContent,
.panelHeader {
    padding: 5px;
}

/* slider switch */
.gswitch {
    float: right;
    position: relative;
    display: inline-block;
    width: 56px;
    height: 30px;
    margin-bottom: 15px !important;
}

.gswitch input {
    display: none;
}

.gslider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.gslider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.gswitch input:checked+.gslider {
    background-color: #2196F3;
}

.gswitch input:checked+.gslider.green {
    background-color: #57C111;
}

.gswitch input:focus+.gslider {
    box-shadow: 0 0 1px #2196F3;
}

.gswitch input:checked+.gslider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.gslider.round {
    border-radius: 34px;
}

.gslider.round:before {
    border-radius: 50%;
}

/* article -verifcation */
#article-verification .k-select,
.header .k-select>ul {
    background-color: #ebebeb;
    border-color: #f4f4f4;
}

#article-verification .k-select>ul>li {
    background-color: #ebebeb;
    color: black;
}

#article-verification .k-select>ul>li:hover {
    color: black;
    background-color: #dedede;
}

#article-verification .k-select>span {
    color: black;
    padding: 5px 18px 5px 10px !important;
    /* background-color: #a4a4a4 */
}

#article-verification .k-select>span:after {
    /* content" */
}

#article-verification {
    font-family: 'Open Sans', 'Lato', sans-serif;
    margin-top: -3px;
}

.av-default {
    background-color: #b4b4b4;
}

.av-danger {
    background-color: #df2828 !important;
}

.av-success {
    background-color: #00e8c6 !important;
}

.av-warning {
    background-color: #e0b21e !important;
}

#article-verification span,
#article-verification i.fa,
#article-verification strong {
    color: white;
    font-size: 12px;
}

#article-verification #av-header {
    padding-top: 5px;
    padding-bottom: 5px;
}

#article-verification #av-header:hover {
    cursor: pointer;
}

#article-verification #av-header span {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
}

#av-header .v-toggle {
    display: inline-block;
    float: right;
    margin-right: 15px;
}

#article-verification #av-header i {
    margin-left: 25px;
    margin-right: 5px;
}

#article-verification .av-body {
    display: none;
    padding-bottom: 10px;
    border-bottom: 1px solid #183e6c;
}

.av-body .av-body-item {
    padding-left: 15px;
}

.av-body i {
    margin-top: -2px;
    margin-right: 5px;
}

.av-body i.fa.fa-user {
    margin-right: 8px;
}

.av-body .k-select {
    margin-left: 0px !important;
}

.av-body .av-detail {
    padding-left: 18px;
}

#article-verification .av-title {
    margin-top: 5px;
}

#article-verification table {
    border-collapse: separate;
    width: 95%;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

#article-verification table th,
#article-verification table td {
    text-align: center;
    padding: 3px !important;
    font-size: 12px;
    border: none !important;
    font-weight: 500;
}

#article-verification table thead {}

#article-verification td,
th {
    border-left: solid black 1px;
    border-top: solid black 1px;
}

#article-verification th:first-child {
    border-left: none;
    border-radius: 3px 0px 0px 0px;
}

#article-verification th:last-child {
    border-left: none;
    border-radius: 0px 3px 0px 0px;
}

#article-verification table tr:first-child th {
    background-color: #DDE6F5;
}

#article-verificatiion tr:last-child {
    border-radius: 0px 0px 3px 3px !important;
}

#article-verification tr:hover {
    border-radius: 0px 0px 3px 3px !important;
}

#article-verification #av-verify-article {
    width: 91%;
    /* padding: 4px 12px;
    */
    margin-top: 8px;
    margin-left: 15px;
    /* background-color: #36eca0;
    */
    background-color: #36c6ec;
    color: white;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 4px;
    line-height: 21px;
}

#article-verification #av-verify-article:hover {
    background-color: #00aedb;
}

#article-verification .av-alert {
    display: none;
    margin-left: 15px;
    width: 91%;
    border-radius: 3px;
    background-color: #df2828;
}

.av-verify-error {
    display: block;
    text-align: center;
    background-color: #df2828;
    width: 95%;
    border-radius: 3px;
    margin-bottom: 5px;
    font-weight: bold;
}

.av-interval-error {
    background-color: #df2828;
    width: 96%;
    text-align: center;
    border-radius: 3px;
    display: none;
    font-weight: 500;
}

.ticket-status {
    opacity: 0.6;
    padding: 0;
    display: block;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: white;
    border: none !important;
}

span.ticket_status_label {
    display: inline-block;
    color: #000;
    width: 15px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.30);
}

.ticket-status-open {
    background-color: #E82A2A;
}

.ticket-status-new {
    background-color: #F5CA00;
}

/* Tooltip container */
.tooltip {
    position: relative !important;
    display: inline-block !important;
    z-index: 9999 !important;
    opacity: 1 !important;
    background-color: #0a8eff !important;
    padding: 1px 4px 0px 4px !important;
    border-radius: 15px !important;
    color: white !important;
    font-family: sans-serif;
    font-size: 11px !important;
    margin-left: 3px !important;
    font-weight: 550;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    border-radius: 5px;
    width: 179px;
    bottom: 152%;
    font-size: 12px;
    left: 50%;
    margin-left: -90px;
    position: absolute;
    z-index: 10000;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%;
    /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.av-tooltip-text {
    display: none;
    width: 120px;
    background-color: #db1818;
    color: #fff;
    text-align: center;
    padding: 5px;
    position: absolute;
    /* z-index: 1;
    */
}

.arrow_box:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #88b7d5;
    border-width: 30px;
    margin-left: -30px;
}

.signinmore {
    background-color: #00D1C7;
    padding: 10px;
    margin-top: -17px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.2em;
}

.fa-angle-right:before {
    padding: 7px;
    margin-left: -4px;
}

.fa-angle-down:before {
    padding: 6px;
    margin-left: -4px;
}

.incident-list-item ul {
    list-style: inherit;
    margin: inherit;
    padding: inherit;
}

.incident-list-item p {
    margin: inherit;
}

.headerRight #user-dropdown {
    margin-left: -180px;
    top: 40px;
    width: 215px;
}

.user-info #user-menu {
    width: inherit;
}

.container-article {
    width: 100%;
    line-height: 26px;
}

.table-wrap {
    width: 100%;
}

/*paligo changes */
.mdxcss .section:not(section) {
    max-width: initial !important;
    width: inherit !important;
    float: none !important;
}

.section.internal.internal.sub-topic {
    padding: 0px;
}

/*fix collapse height in bootstrap */
div.panel-body {
    height: auto;
}

table.image-viewport tr td {
    border: 0 !important;
    padding: 0;
}

table.image-viewport {
    border: 0;
}

.note.note.accordion {
    margin-top: 20px;
    border: solid 1px #BDCDE6;
    padding: 10px 10px 10px 55px;
}

/* community enabled general */
.community-view .comment-wrapper.comment-official {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(0, 114, 239);
    border-image: initial;
    padding: 25px 20px 20px;
    display: flex;
    position: relative;
}

.community-view .comment-wrapper {
    display: flex;
    position: relative;
}

.community-view .comment-sorter {
    display: inline-block;
    float: right;
}

.community-view #comment-overview {
    padding: 20px 0px;
}

.community-view .comment-callout {
    color: rgb(102, 102, 102);
    display: inline-block;
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 0px;
}

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

.community-view [class^="icon-"],
.community-view [class*=" icon-"] {
    display: unset;
    font-family: copenhagen-icons;
    font-style: normal;
    font-weight: normal;
    speak: none;
    line-height: 1em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}

.community-view .post-info-container {
    display: flex;
    margin-top: 100px;
    width: 100%;
}

.community-view .post-info {
    min-width: 0;
    padding-right: 20px;
    width: 100%;
}

.community-view .post-avatar {
    margin-bottom: 30px;
}

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

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

.community-view .post-title {
    display: inline;
}

/*
.community-view h1 {
    display: inline;
    vertical-align: middle;
}
*/

.community-view .container {
    padding-top: 30px;
}

.community-view .article-vote::before,
.community-view .share a::before,
.community-view .vote-up::before,
.community-view .vote-down::before,
.community-view .actions .dropdown-toggle::before,
.community-view .collapsible-nav-list li[aria-selected="true"]::after,
.community-view .collapsible-sidebar-title::after {
    font-family: "copenhagen-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    line-height: 1em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}

.community-view .icon-comments::before {
    content: "💬";
}

.community-view .vote-up::before {
    content: "⬆";
}

.community-view .vote-down::before {
    content: "⬇";
}

.community-view .vote-up::before,
.community-view .vote-down::before {
    color: rgb(102, 102, 102);
    font-size: 30px;
}

.community-view .vote-voted::before {
    color: rgb(0, 114, 239) !important;
}

.community-view .vote-sum {
    color: rgb(102, 102, 102);
    display: block;
    margin: 5px 0px;
    font-size: 20px;
    text-align: center;
    font-weight: lighter;
    min-width: unset;
    padding: unset;
}

.community-view .vote {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    width: 50px;
    margin: 0px;
    min-width: unset;
}

.community-view .post-actions.actions {
    font-size: 0px;
    margin: 15px 0px;
}

.community-view .actions .dropdown-toggle::before {
    background-color: transparent;
    color: rgb(0, 52, 113);
    content: "⚙";
    display: block;
    font-size: 20px;
    border-radius: 50%;
    margin: auto;
    padding: 5px;
}

.community-view .comment-actions-container .dropdown-toggle {
    font-size: 0;
    border: 0px;
    margin: 15px 0;
}

.community-view .comment-actions-container {
    margin-top: 20px;
}

.community-view .form {
    background-color: transparent;
    padding: 20px 0px;
    border: 0px;
}

/*
.community-view h1 {
    color: #003471;
    font-weight: normal;
    font-size: 28px;
}
*/

.community-view .form-field label {
    display: block;
    font-weight: 300;
    margin: 0px;
    font-size: 16px;
    text-transform: capitalize;
    padding: 20px 0px;
}

.community-view .post-to-community .topic-subscribe .dropdown-toggle {
    padding: 7px 10px 5px !important;
}

/* ==================================================== Start of Search Feedback ==================================================== */

#searchFeedbackSubmit {
    background-color: rgba(0, 107, 255, 1)  !important;
    text-transform: none;
    font-family: 'Lato','Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 12px;
    color: #ffffff !important;
    border: none !important;
}

#searchFeedbackSubmit[disabled] {
    background-color: rgba(0, 107, 255, 0.5)  !important;
    text-transform: none;
    font-family: 'Lato','Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 12px;
    color: #ffffff !important;
    border: none !important;
}

/* ==================================================== End of Search Feedback ==================================================== */

/* ==================================================== Start of Feedback Overlay ==================================================== */

#feedbackIcon {
    font-family: 'FontAwesome';
    content: "\f27a";
}

#feedbackSubmit {
    background-color: rgba(0, 107, 255, 1)  !important;
    text-transform: none;
    font-family: 'Lato','Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 12px;
    color: #ffffff !important;
    border: none !important;
}

#feedbackSubmit[disabled] {
    background-color: rgba(0, 107, 255, 0.5)  !important;
    text-transform: none;
    font-family: 'Lato','Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 12px;
    color: #ffffff !important;
    border: none !important;
}

.purple {
    color: #6554c0 !important;
}

.orange {
    color: #ff991f !important;
}

.green {
    color: #36b37e !important;
}

/* ==================================================== End of Feedback Overlay ==================================================== */



/* ==================================================== Start of MDX Sunset Message ==================================================== */

.mdx-sunset-msg {
    background-color: #FFF5DA;
    border: 3px #F7B500 solid;
    padding: 16px 0px;
}

.mdx-sunset-msg-inner {
    text-align: left;
    margin: 0 auto;
    width: 720px;
    color: #7e5921;
    font-size: 14px;
}

.mdx-sunset-msg .closeX {
    float: right;
    font-size: 15px;
    font-weight: 600;
    margin-right: 18px;
    margin-top: -6px;
    color: #7e5921;
}

.mdx-sunset-msg .fa-exclamation-circle {
    font-size:36px;
    color: #F7B500;
    vertical-align: baseline;
    margin-right: 10px;
    float: left;
}

.mdx-sunset-msg p {
    padding-top: 8px;
}

.mdx-sunset-msg button {
    border: 2px solid #7e5921;
    background-color: transparent;
    color: #905921;
    padding: 7px 15px;
    font-size: 14px;
    float: right;
    cursor: pointer;
    border-radius: 0px;
}