/* quickfix begin */
.ptc-main-footer {
    border-top: 1px solid #ececec;
    padding: 30px;
    margin-top: 30px;
}

.footer-copyright-wrapper {
    text-align: center;
}

ul.footer-nav-list {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

    ul.footer-nav-list li {
        display: inline;
        margin-left: 30px;
        font-size: 14px;
    }

        ul.footer-nav-list li a {
            font-size: 14px;
        }
/* quickfix end */

xbody {
    display: none;
}

.ssb_popup_Xwide_title {
    color: #fff;
    background-color: #5bb73b;
    text-align: left;
    font-size: 16px;
    padding-left: 20px;
}


.verticle_ruler {
}

.span_small_text {
    font-size: 0.75em;
}

.cslogin_button {
    color: #ffffff;
    background-color: #5bb73b;
    border-color: #5cb85c;
    padding-right: 20px !important;
    padding-left: 20px !important;
    margin-top: 10px;
}

.maintain_login {
}


.radio-btn-default {
    color: #5cb85c;
    background-color: #fff;
    border-color: #5cb85c;
}

@media screen and (max-width: 768px) {
    #login_alert {
        background-color: #f6f6f6;
        border: 1px solid #f38830;
        border-radius: 10px;
        color: #3D4647;
        padding: 10px;
        margin-top: 2em;
        text-align: center;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    #login_alert {
        background-color: #f6f6f6;
        border: 1px solid #f38830;
        border-radius: 10px;
        color: #3D4647;
        padding: 15px;
        margin-top: 2em;
        text-align: center;
        width: 50%;
    }
}

#proactive_alert {
    border: 1px solid #f38830;
    border-radius: 10px;
    color: #3D4647;
    padding: 15px;
    margin-top: 2em;
    margin-bottom: 2em;
}

#ssb #feedback_yes, #ssb #feedback_no {
    border: 1px solid #5cb85c;
}

    #ssb #feedback_yes:hover {
        color: #fff;
        background-color: #5cb85c;
    }

    #ssb #feedback_no:hover {
        color: #fff;
        background-color: #5cb85c;
    }

.xsalesforce_html_fragment {
    overflow-x: scroll;
    outline: 1px solid blue;
}

/* Heidi & Bjoern 29 Oct 2017 */
.salesforce_html_fragment ol, .salesforce_html_fragment ul {
    margin-top: 9px;
    margin-bottom: 9px;
}

.salesforce_html_fragment li {
    margin-top: 3px;
    margin-bottom: 3px;
}

/*.salesforce_html_fragment strong {
  color: #000;
}*/

/*.salesforce_html_fragment b {
  color: #000;
}*/

.salesforce_html_fragment p {
    font-size: 16px;
    padding-left: 0px !important;
}

header {
    background-color: #3D4647 !important;
}

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

    .article-body .col-lg-12 {
        padding-left: 95px;
    }

.xarticle-body .col-lg-12 {
    padding-top: 50px;
}

@media (min-width: 768px) {
    .xarticle-body .col-lg-12 {
        padding-top: 60px;
    }
}

@media (min-width: 992px) {
    .xarticle-body .col-lg-12 {
        padding-top: 40px;
    }
}

@media (min-width: 1200px) {
    .xarticle-body .col-lg-12 {
        padding-top: 50px;
    }
}

.article_fix_h1,
.article_fix_h2,
.article_fix_h3,
.article_fix_h4,
.article_fix_h5,
.article_fix_h6 {
    font-style: normal !important;
    /*font-size: 17px !important;*/
    color: inherit;
    font-weight: bold !important;
    margin-top: 1em;
    margin-bottom: 1em;
}

.article_fix_h1 {
    font-size: 19px !important;
}

.article_fix_h4 {
    font-size: 16px !important;
}

.article_fix_h5 {
    font-size: 15px !important;
}

.article_fix_h6 {
    font-size: 14px !important;
}

.vertical-center-parent {
    position: relative;
}

.vertical-center-child {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.article_related table {
    margin-top: 20px;
    width: 95%;
}

    .article_related table th {
        color: black;
    }

#case_classes {
    height: 400px;
    overflow-y: scroll;
}

    #case_classes a,
    #case_classes a:hover,
    #case_classes a:link,
    #case_classes a:visited,
    #case_classes a:active {
        color: #00acc8;
    }

        #case_classes a:hover {
            text-decoration: underline;
        }

#spr_classes {
    height: 400px;
    overflow-y: scroll;
}

    #spr_classes a,
    #spr_classes a:hover,
    #spr_classes a:link,
    #spr_classes a:visited,
    #spr_classes a:active {
        color: #00acc8;
    }

        #spr_classes a:hover {
            text-decoration: underline;
        }

#ilt_classes {
    height: 400px;
    overflow-y: scroll;
}

#xilt_classes a,
#xilt_classes a:hover,
#xilt_classes a:link,
#xilt_classes a:visited,
#xilt_classes a:active {
    color: #00acc8;
}

    #xilt_classes a:hover {
        text-decoration: underline;
    }

.ilt_classes_intro {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 50px;
    padding-right: 50px;
    text-align: center;
    font-size: 16px;
    color: #00ACC8;
}

.ilt_class_container {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #c8c9c7;
    margin-left: 20px;
    margin-right: 7px;
}

.ilt_class_title {
    color: #5bb73b;
}

.ilt_class_description {
    margin-top: 10px;
}

.ilt_class_product {
    font-size: 11px;
    margin-top: 10px;
    color: #C8C9C7;
}

.ilt_class_link {
    margin-top: 3px;
}

#ilt_count {
    position: relative;
    top: -61px;
    left: 12px;
    background-color: #f00;
    color: #fff;
    font-weight: bold;
    font-size: 11px !important;
    line-height: 20px;
    border-radius: 30px;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.ilt_class_enroll {
    padding: 6px 16px !important;
}

@media screen and (max-width: 768px) {
    #totop {
        visibility: hidden !important;
    }
}

@media screen and (min-width: 768px) {
    #totop {
        position: fixed !important;
        position: absolute; /*ie6 */
        right: 0px;
        bottom: 5px;
        display: inline-block;
        color: #fff;
        background-color: #5BB73B;
        width: 45px;
        height: 45px;
        text-align: center;
        padding-top: 5px;
        border-radius: 5px;
        font-size: 12px;
    }
}

.secondary-button-o.btn-sm {
    padding: 7px 12px !important;
}

.hideRight {
    right: -9999px !important;
}

.hideLeft {
    left: -9999px !important;
}

.hideTop {
    top: -9999px !important;
}

.hideBottom {
    bottom: -9999px !important;
}

#ssb {
    position: fixed !important;
    position: absolute; /*ie6 */
    left: 0px;
    top: 175px;
    display: inline-block;
    width: 45px;
}

@media screen and (max-width: 768px) {
    .ssb_button_sm {
        font-size: 22px !important;
        background-color: #5bb73b;
        color: #fff;
        display: block;
        width: 35px;
        height: 35px;
        line-height: 45px;
        text-align: center;
        margin-bottom: 3px;
        cursor: pointer;
    }

        .ssb_button_sm .fa {
            margin-top: 12px;
        }
}

@media screen and (min-width: 768px) {
    .ssb_button_sm {
        font-size: 22px !important;
        background-color: #5bb73b;
        color: #fff;
        display: block;
        width: 45px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        margin-bottom: 3px;
        cursor: pointer;
    }

        .ssb_button_sm .fa {
            margin-top: 12px;
        }
}


.ssb_button_lg {
    font-size: 12px;
    background-color: #00c8e4;
    color: #fff;
    display: block;
    width: 45px;
    height: 110px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 3px;
    padding-top: 20px;
    cursor: pointer;
}

.r90 {
    transform: rotate(90deg);
}

.ssb_popup_title {
    border-left: 2px solid #5bb73b;
    border-top: 2px solid #5bb73b;
    border-right: 2px solid #5bb73b;
    color: #5bb73b;
    font-size: 14px;
    text-align: left;
}

.ssb_popup_body {
    border: 2px solid #5bb73b;
    font-size: 14px;
    text-align: left;
    padding-left: 7px;
    line-height: 1.325em;
}

.ssb_popup_button {
    border-left: 2px solid #5bb73b;
    border-top: 2px solid #5bb73b;
    border-right: 2px solid #5bb73b;
    color: #5bb73b;
    font-size: 14px;
    text-align: left;
}

    .ssb_popup_button:last-child {
        border-bottom: 2px solid #5bb73b;
    }

    .ssb_popup_button span {
        color: #5bb73b;
    }
      
    .ssb_popup_button span {
        margin-left: 7px;
        cursor: pointer;
    }

    .ssb_popup_button:hover {
        text-decoration: underline;
    }

.ssb_popup {
    z-index: 2147483647;
    position: relative;
    left: 45px;
    display: none;
    background-color: #fff;
    color: #000;
    padding-left: 3px;
}

.ssb_popup_narrow {
    width: 250px;
}

.ssb_popup_wide {
    width: 400px;
    cursor: default;
}

@media screen and (max-width: 768px) {
    .ssb_popup_Xwide {
        width: 80vw;
        cursor: default;
    }
}

@media screen and (min-width: 768px) {
    .ssb_popup_Xwide {
        width: 800px;
        cursor: default;
    }
}


#xssb_learning_button {
    position: relative;
    left: 0px;
}

span.icon-Mortarboard,
span.icon-AndMore,
span.icon-Commuity,
span.icon-Bug,
span.icon-Cases {
    font-size: 22px !important;
    color: #fff;
}

#ssb_learning_button .ssb_popup {
    top: -102px;
}

#ssb_options_button .ssb_popup {
    top: -45px;
}

#ssb_community_button .ssb_popup {
    top: -45px;
}

#ssb_feedback_button .ssb_popup {
    top: -65px;
}

#case_button .ssb_popup {
    top: -189px;
}

#spr_button .ssb_popup {
    top: -141px;
}

.article_title_h1 {
    font-size: 20px !important;
    color: #5bb73b;
    margin-bottom: 1em;
}

.article_title_h4 {
    font-size: 15px !important;
    color: #5bb73b;
    font-weight: 500 !important;
}

.article_return_home {
    color: #5bb73b;
    font-weight: 501 !important;
}

.article_search_maintext {
    color: #5bb73b;
    font-weight: 501 !important;
    margin-bottom: 2em;
}


.article-error-component {
    min-height: 221px;
}

.article_solution_title_h1 {
    font-size: 20px !important;
    color: #5bb73b;
    margin-bottom: 1em;
    font-weight: 700 !important;
}

.testMargine .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #c8c9c7 !important;
}

.testMargine a.dropdown-toggle {
    font-size: 14px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    line-height: 1.4em !important;
    background-color: #fff !important;
}

.inline {
    font-size: 14px;
}

.testMargine {
    margin-bottom: 35px;
    font-size: 14px;
}

@media print {
    #relatedRow,
    #recommendedRow,
    #languageselect,
    #login_alert,
    .alert-breadcrumb {
        display: none !important;
    }

    .article-body .col-lg-12 {
        padding-left: 0px;
        margin-top: 100px;
    }
}

.article_solution_title_h1 {
    font-size: 20px !important;
    color: #5bb73b;
    margin-bottom: 1em;
    font-weight: 700 !important;
}


.hljs-comment,
.diff .hljs-header {
    color: #000 !important;
    font-style: italic;
    /*font-size: 14px !important;*/
}

.hljs-keyword,
.assignment,
.hljs-literal,
.css .rule .hljs-keyword,
.hljs-winutils,
.javascript .hljs-title,
.lisp .hljs-title,
.hljs-subst {
    color: #954121;
    /*font-size: 14px !important*/
}

.hljs-string,
.hljs-tag .hljs-value,
.hljs-doctag,
.tex .hljs-formula,
.hljs-name {
    color: #219161;
    /*font-size: 14px !important*/
}

.ckeditor_codeblock {
    white-space: pre;
    margin: 1.2em 0em 1em 2em;
    display: block;
    overflow-x: auto;
    color: #000;
    background: #f8f8ff;
    padding: 1em 1.5em;
    /*font-size: 14px !important*/
}

.hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em;
    color: #000;
    background: #f8f8ff;
    -webkit-text-size-adjust: none;
    /*font-size: 14px !important*/
}

.hljs-number, .hljs-hexcolor {
    color: #40a070;
    /*font-size: 14px !important*/
}

a {
    color: #74c34d;
    transition: color .3s ease;
    /*font-weight: bold !important;*/
}

.article_fix_h2, .article_fix_h2 b, .h3 > strong, ul > li > h3 > strong > span, ul > li > h3 > strong {
    font-size: 17px !important
}

.article_fix_h2 {
    font-size: 18px !important
}

.article_fix_h3 {
    font-size: 17px !important
}

.table > thead > tr > th, .table > tbody > tr > th {
    vertical-align: middle !important;
    text-align: center !important;
    border-bottom: 2px solid #ddd;
    /*font-size: 15px !important;*/
}

.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: middle;
    /*text-align:center;*/
    border-top: 1px solid #ddd;
    /*font-size: 15px !important;*/
    /* word-break: break-word !important;*/
}

ul ul, ul ul ul, ul ol ul, ol ol ul, ol ul ul, ol ul {
    list-style-type: disc !important;
}

#languageselect ul li ul li {
    list-style-type: none;
}

table > thead > tr > th, table > tbody > tr > th {
    color: #fff !important;
    background-color: #00acc8 !important;
}

span {
    font-size: 16px !important;
}

ul li {
    font-size: unset;
}

.table > tbody > tr > th > p {
    color: #fff !important;
    font-weight: bold !important;
}

@media screen and (max-width: 768px) {
    .article-body iframe {
        max-width: 100%;
        height: auto;
        display: block;
    }
}

.ssb_popup_Xwide table > thead > tr > th, .ssb_popup_Xwide table > thead > tr > td, .ssb_popup_Xwide table > tbody > tr > th, .ssb_popup_Xwide table > tbody > tr > td, .ssb_popup_Xwide table > tfoot > tr > th, .ssb_popup_Xwide table > tfoot > tr > td {
    word-break: normal !important;
}

.salesforce_html_fragment pre.language-markup, .salesforce_html_fragment pre.ckeditor_codeblock, .salesforce_html_fragment pre.language-java, pre.language-cpp {
    background: #f8f8ff !important;
    padding: 8px !important;
    display: block !important;
    border: 1px solid rgb(204, 204, 204) !important;
    overflow-x: auto !important;
    margin-left: 2% !important;
    color: #000 !important;
}

/*.salesforce_html_fragment .language-markup, .salesforce_html_fragment .ckeditor_codeblock, .salesforce_html_fragment .language-java, .salesforce_html_fragment p code {
    background: #f8f8ff !important;
    padding: 8px !important;
    display: block !important;
    border: 1px solid rgb(204, 204, 204) !important;
    overflow-x: auto !important;
    margin-left: 2% !important;
    color: #000 !important;
}*/
/*code {
    background-color: #F8F8FF !important;
    color: #333 !important;
}*/
.salesforce_html_fragment p code , code {
    background-color: #F8F8FF !important;
    color: #333 !important;
}