body {
    font-size: 1rem !important;
}

.siteforceContentArea {
    padding-top: 0!important;
}


/* Increase all font sizes */

.siteforceThemeLayoutStarter {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}

.mainNavItem .comm-navigation__top-level-item-link,
.forceCommunityThemeSearchHero .search-input,
.forceCommunityThemeSearch .search-input,
.forceCommunityUserSettings h1.texttitle,
.forceCommunityRichTextInline>.uiOutputRichText b[style="font-size: 20px;"],
.forceCommunityTabset>.uiTabBar .uiTabItem .tabHeader {
    font-family: Apax, Arial;
}

h1 {
    font-size: 1.6rem;
}

h2 {
    font-size: 1.3rem;
}

h1+p,
h2+p,
h3+p,
h4+p,
h5+p,
h6+p {
    margin-top: 0.8rem;
}

.input,
*::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    font-size: 1rem !important;
}

*:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 1rem !important;
    opacity: 1;
}

*::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 1rem !important;
    opacity: 1;
}

*:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 1rem !important;
}

*::-ms-input-placeholder {
    /* Microsoft Edge */
    font-size: 1rem !important;
}

*::placeholder {
    /* Most modern browsers support this now. */
    font-size: 1rem !important;
}

button,
.forceChatterStyle,
.slds-form-element__label,
.slds-text-title,
.slds-dropdown,
.slds-badge,
.selfServiceBaseArticleList .empty,
.forceCommunityUserSettings,
.forceCommunityUserSettings h3,
.slds-form-element__static,
.forceDetailPanelDesktop .uiInput .form-element__label,
.forceCommunityUserProfileDetail .userBadge,
.forceCommunityUserProfileHeader .reputationPoints,
.forceCommunityUserProfileStats .statDesc,
.forceContentContentVersionRelatedListRecord .listRecordTitle,
.forceContentContentVersionRelatedListRecord .listRecordDetails,
.forceContentDocumentLinkRowStencil .listRecordTitle,
.leaderboardRowWrapper,
.leaderboardRowWrapper .levelAndPointsCol .slds-text-body_regular,
.forceChatterStyle .cuf-preamble,
.forceCommunityTabset>.uiTabBar .uiTabItem .tabHeader,
.cCaseConversation .conversation--info,
.forceChatterFtcList .cuf-ftcFieldLabel,
.forceChatterFtcList.cuf-ftcList,
.supportCaseHoverDescription .text,
.sectionbox .settingsLabel, 
.sectionbox .settingsOutputbox,
.forceCommunityUserSettingsInternal,
.comm-user-profile-menu__trigger-p[community_user-userProfileMenu_userProfileMenu] {
    font-size: 1rem !important;
}

.slds-text-body--small,
.slds-text-body_small,
.lightningInputRichText .ql-editor.ql-blank:before,
.forceCommunityContactSupportForm .contactSupportButton,
.uiMenuList--default .uiMenuItem>a,
.uiMenuList--default .uiMenuItem>span,
.forceChatterFeedAuxBodyLinkPost .cuf-linkPostUrl {
    font-size: 1rem !important;
}

.forceListViewManager .slds-text-body--small {
    font-size: 1rem;
}


/* Add extra space for the footer */

.siteforceContentArea {
    padding-bottom: 60px;
}


/* Case list - remove border added by Spring '20 */

.forceListViewManager.forceCommunityRecordListDesktop {
    border: 0;
}


/* Case list - added because of New button not required */

.buttonOutsideOverflow:nth-of-type(3) {
    display: none;
}

.contactPageStackIcon {
    height: 70px;
    width: 70px;
    text-align: center;
    margin-bottom: 20px;
}

.contactPageStackLabel {
    text-align: center;
}

.cookiePage {
    display: flex;
    padding: 30px 50px 0 100px;
}


/* adjust case deflection*/

.comm-topic-trending-articles .comm-topic-trending-articles__item a span:first-of-type {
    color: #0276bd!important;
}

.caseDeflectionList a {
    color: #0276bd!important;
}

.article-column article.summary {
    display: none;
}

.mobile_visible {
    text-align: center;
}

@media only screen and (orientation: landscape) and (min-width:800px) {
    .mobile_visible {
        display: none;
    }
}

@media only screen and (orientation: portrait) and (min-width:500px) {
    .mobile_visible {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .slds-post__footer-actions-list {
        border-top: none;
    }
    .cCreateCaseButton {
        width: 110px !important;
        top: 0 !important;
        left: 0 !important;
        float: right;
    }
}


/* ----------- iPad Pro ----------- */


/* Portrait and Landscape */

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .cCreateCaseButton {
        top: 0 !important;
        left: 0 !important;
        float: right;
    }
}


/* Knowledge article */
.slds-rich-text-editor__output {
    font-family: Arial;
    font-size: 1rem;
    line-height: 1.5rem;
    color:#6D6F6F;
}

/* image + text styling */
.slds-rich-text-editor__output .image-text {
    display: flex;
    align-items: flex-start;
    flex: row nowrap;
}

.slds-rich-text-editor__output .image-text > img {
    padding: 10px 5px 10px 10px;
}

.slds-rich-text-editor__output .image-text > div {
    padding: 10px 10px 10px 5px;
}

.slds-rich-text-editor__output .float-left {
    display: initial;
}

.slds-rich-text-editor__output .float-left > img {
    float: left;
    padding: 10px;
}

.slds-rich-text-editor__output .float-left > div {
    padding: 10px;
}

/* Video link styling */
.slds-rich-text-editor__output .video-link {
    display: inline-block;
    position: relative;
}

.slds-rich-text-editor__output .video-link:after {
    content: "";
    background: #e1141d;
    mix-blend-mode: multiply;
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    width: 5%;
    height: 100%;
    z-index: 100;
}

.slds-rich-text-editor__output .video-playbutton {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    transition: all 0.25s ease-in-out;
}

.slds-rich-text-editor__output .video-link:hover .video-playbutton {
    transform: scale(1.3);
}

.slds-rich-text-editor__output .video-arrow {
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 6px);
    width: 0px;
    height: 0px;
    border: 10px solid #fff;
    border-left: 15px solid #e1141d;
}

/* Metro line styling */
.slds-rich-text-editor__output .task-list {
    position: relative;
    list-style: none;
    counter-reset: cntr;
    padding: 0;
    z-index: 0;
}

.slds-rich-text-editor__output .task-list::before {
    position: absolute;
    content: "";
    width: 3px;
    height: calc(100% - 9px);
    background-color: #dbae29;
    left: 13px;
}

.slds-rich-text-editor__output .task-list > li {
    position: relative;
    margin: 20px 20px 20px 40px;
    padding: 5px;
    z-index: 0;
    counter-increment: cntr;
}

.slds-rich-text-editor__output .task-list li::before {
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: -41px;
    content: counter(cntr);
    border-radius: 50%;
    color: white;
    width: 30px;
    height: 30px;
    background-color: #dbae29;
}

.slds-rich-text-editor__output .task-list li:last-child:before {
    background-color: white;
    border: 1px solid #dbae29;
    content: "";
    width: 12px;
    height: 0px;
    left: -31px;
    border-radius: 1px;
}

/* Homepage styling */

.slds-rich-text-editor__output .homepage {
    width: 100%;
    text-align: center;
}

.slds-rich-text-editor__output .homepage-title {
    font-family: 'Apax';
    font-size: 2rem;
    line-height: 4rem;
    font-weight: bold;
    color: #0562b2;
}

.slds-rich-text-editor__output .homepage-subtitle {
    font-family: 'Apax';
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.slds-rich-text-editor__output .homepage-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    background-color: #f3f3f3;
}

.slds-rich-text-editor__output .homepage-item {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    width: 10rem;
    margin: 2rem 2rem 2rem 2rem;
}

.slds-rich-text-editor__output .homepage-item a:link,
.slds-rich-text-editor__output .homepage-item a:visited,
.slds-rich-text-editor__output .homepage-item a:active {
    color:#6d6f6f;
}

.slds-rich-text-editor__output .homepage-item:hover {
    color: #0650D0;
}

.slds-rich-text-editor__output .homepage-item:hover a {
    color: #0650D0;
}

.slds-rich-text-editor__output .homepage-item-icon {
    width: 70px;
    height: 70px;
    background-color: white;
    border-radius: 50%;
    padding: 13px;
}

.slds-rich-text-editor__output .homepage-item-title {
    font-family: 'Apax';
    margin: 7px 0 3px 0;
    width: 100%;
    font-weight: bold;
}

.slds-rich-text-editor__output .homepage-item-description {
    width: 100%;
}

/* EOL css gedeeltelijk */
.slds-rich-text-editor__output title {
    display: none;
}

.slds-rich-text-editor__output h1 {
    font-family: 'Apax';
    font-size: 2rem;
    line-height: 2.8rem;
    color: #333333;
    padding: 0;
    margin-bottom:1.5rem;
}

.slds-rich-text-editor__output h2 {
    font-family: 'Apax';
    font-size: 1.5rem;
    line-height: 2.25rem;
    margin: 2.5rem 0 1.2rem 0;
    color: #333333;
}

.slds-rich-text-editor__output h3 {
    font-family: 'Apax';
    font-size: 1.2rem;
    line-height: 2rem;
    margin: 2rem 0 1rem 0;
    color: #333333;
}

.slds-rich-text-editor__output h4 {
    font-family: 'Apax';
    font-size: 1rem;
    line-height: 1.2rem;
    margin: 1.2rem 0 1rem 0;
    color: #333333;
}

.slds-rich-text-editor__output p {
    margin-bottom: 1rem;
}

.slds-rich-text-editor__output li p {
    margin-bottom: 0.3rem;
}

.slds-rich-text-editor__output ol {
    margin: 15px 0;
    padding-left: 18px;
    margin-bottom: 3px;
    list-style: decimal;
}

.slds-rich-text-editor__output ul {
    margin: 15px 0;
    padding-left: 18px;
    margin-bottom: 1rem;
    list-style: disc;
}

.slds-rich-text-editor__output li {
    margin-bottom: 3px;
}

.slds-rich-text-editor__output ol {
    margin-top: 15px;
}

.slds-rich-text-editor__output table {
    padding: 0px;
    margin: 0px 0px 12pt 0px;
    border: none;
    border-collapse: separate;
    border-spacing: 2px;
}

.slds-rich-text-editor__output tr {
    border-bottom: 1px #cccccc solid;
}

.slds-rich-text-editor__output th {
    line-height: 18px;
    padding: 0 18px;
    text-align: left;
    font-weight: bold;
}

.slds-rich-text-editor__output td {
    line-height: 27px;
    padding: 0 18px;
    text-align: left;
    vertical-align: top;
}

.slds-rich-text-editor__output table.landing {
    border-collapse: collapse;
    border: 1px solid #808080;
}

.slds-rich-text-editor__output table.landing col {
    width: 250px;
}

.slds-rich-text-editor__output table.landing col.concept {
    background-color: #dddddd;
}

.slds-rich-text-editor__output table.landing col.reference {
    background-color: #eeeeee;
}

.slds-rich-text-editor__output table.landing th,
.slds-rich-text-editor__output table.landing td {
    border: 1px solid #808080;
    padding: 2px;
    padding-left: 5px;
    vertical-align: top;
}

.slds-rich-text-editor__output table.landing th {
    text-align: left;
}

.slds-rich-text-editor__output table.landinghowtocontainer {
    width: 100%;
    margin: 0px 0px 25px;
}

.slds-rich-text-editor__output table.landinghowto,
.slds-rich-text-editor__output table.landingwhatis,
.slds-rich-text-editor__output table.landingfaq {
    width: 100%;
    border: 1px solid;
    border-radius: 3px;
}

.slds-rich-text-editor__output table.landinghowto th,
.slds-rich-text-editor__output table.landingwhatis th,
.slds-rich-text-editor__output table.landingfaq th {
    border-bottom: 1px solid;
    text-align: left;
    padding: 10px 0px 10px 12px;
}

.slds-rich-text-editor__output table.landinglinks {
    width: 100%;
    padding: 10px;
}

.slds-rich-text-editor__output table.landinglinks td {
    border-bottom: 1px solid lightgrey;
}

.slds-rich-text-editor__output .lastlink {
    border: 0px;
}

.slds-rich-text-editor__output table.GLAccountEntries {
    border-collapse: collapse;
    border: 1px solid #808080;
    width: 75%;
}

.slds-rich-text-editor__output a img {
    border: 0px none;
}

.slds-rich-text-editor__output a.expandspot {
    color: #0650D0;
    cursor: hand;
    font-weight: bold;
    font-style: italic;
    text-decoration: none none none;
}

.slds-rich-text-editor__output a.dropspot {
    cursor: hand;
    font-weight: bold;
    font-style: normal;
    color:#0650D0;
    text-decoration: none none none;
}

.slds-rich-text-editor__output a.glossterm {
    color:#0650D0;
    cursor: hand;
    font-style: italic;
    text-decoration: none none none;
}

.slds-rich-text-editor__output a.conceptLink,
.slds-rich-text-editor__output a.relatedTopics {
    color: #0650D0;
    text-decoration: none;
}

.slds-rich-text-editor__output p.Tip {
    margin-right: 18pt;
    margin-bottom: 4.5pt;
    margin-left: 9pt;
    margin-top: 8pt;
    color: #000000;
    background-color: #e6e6e6;
}

.slds-rich-text-editor__output p.seeAlso {
    margin-bottom: 3.5em;
    margin-top: 3.5em;
}

.slds-rich-text-editor__output p.copyright {
    margin-bottom: 12pt;
    font-size: 10pt;
    text-align: center;
    margin-top: 3.5em;
}

.slds-rich-text-editor__output p.toptable {
    margin-top: 0pt;
    margin-bottom: 0pt;
    line-height: 27px;
    font-weight: bold;
}

.slds-rich-text-editor__output p.Nomargin {
    margin-bottom: 0pt;
}

.slds-rich-text-editor__output p.EOLTip,
.slds-rich-text-editor__output div.EOLTip {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 1px 10px 1px 60px;
    border-style: solid;
    border-width: 5px;
    min-width: 500px;
    max-width: 700px;
    display: table;
    margin-bottom: 12px;
    margin-top: 12px;
    background-color: #ffffff;
    background-image: url("../resource/1535447562000/note");
    border-color: #ffffff;
    box-shadow: 1px 1px 1px 1px lightgray;
    margin-left: 1px;
}

.slds-rich-text-editor__output ul.LevelledList {
    list-style-type: disc;
}

.slds-rich-text-editor__output span.apppage,
.slds-rich-text-editor__output span.appfield,
.slds-rich-text-editor__output span.appbutton,
.slds-rich-text-editor__output span.appsection,
.slds-rich-text-editor__output span.apphyperlink,
.slds-rich-text-editor__output span.appcolumn,
.slds-rich-text-editor__output span.appdropdown,
.slds-rich-text-editor__output span.state {
    font-weight: bold;
}
.slds-rich-text-editor__output a {
    color: #0650D0;
}

.slds-rich-text-editor__output a:link {
    text-decoration: none;
}

.slds-rich-text-editor__output a:hover {
    text-decoration: underline;
}

.slds-rich-text-editor__output span.menupath {
    font-weight: bold;
    font-style: normal;
}

.slds-rich-text-editor__output span.companyname {
    font-style: Italic;
}

.slds-rich-text-editor__output ul.troubleshooting {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.slds-rich-text-editor__output dl.reference dt {
    font-weight: bold;
    margin-top: 20px;
}

.slds-rich-text-editor__output table.landing {
    border-collapse: collapse;
    border: 1px solid #808080;
}

.slds-rich-text-editor__output table.landing col {
    width: 250px;
}

.slds-rich-text-editor__output table.landing col.concept {
    background-color: #dddddd;
}

.slds-rich-text-editor__output table.landing col.reference {
    background-color: #eeeeee;
}

.slds-rich-text-editor__output table.landing th,
.slds-rich-text-editor__output table.landing td {
    border: 1px solid #808080;
    padding: 2px;
    padding-left: 5px;
    vertical-align: top;
}

.slds-rich-text-editor__output table.landing th {
    text-align: left;
}

/* Madcap Settings */
/* Deel uit EOL css */

.slds-rich-text-editor__output .MCDropDown_Closed .MCDropDownHotSpot_ {
    /*background-image: url('../resource/arrowdown16');*/
    padding-left: 1px;
    padding-right: 0px;
}

.slds-rich-text-editor__output .MCDropDown_Open .MCDropDownHotSpot_ {
    /*background-image: url('../resource/arrowdown16');*/
    padding-left: 1px;
    padding-right: 0px;
}

.slds-rich-text-editor__output .MCDropDown p {
    font-weight: normal;
    color: #0283b5;
    padding: 0;
    margin-top: 10px;
}

.slds-rich-text-editor__output .MCDropDownBody {
    margin-bottom: 10px;
}

.slds-rich-text-editor__output .MCDropDownBody p {
    padding: 0;
    color: #696969;
    margin-bottom: 10px;
}

.slds-rich-text-editor__output .cKnowledgeBaseArticle p {
    margin-top: 10px;
}

.slds-rich-text-editor__output div.note,
.slds-rich-text-editor__output div.caution,
.slds-rich-text-editor__output p.EOLNote,
.slds-rich-text-editor__output div.EOLNote,
.slds-rich-text-editor__output p.EOLCaution,
.slds-rich-text-editor__output div.EOLCaution {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 1px 10px 1px 60px;
    border-style: solid;
    border-width: 5px;
    min-width: 500px;
    max-width: 700px;
    display: table;
    margin-bottom: 12px;
    margin-top: 12px;
}

.slds-rich-text-editor__output div.note,
.slds-rich-text-editor__output p.EOLNote,
.slds-rich-text-editor__output div.EOLNote {
    background-color: #ffffff;
    background-image: url("../resource/1535447562000/note");
    border-color: #ffffff;
    box-shadow: 1px 1px 1px 1px lightgray;
    margin-left: 1px;
}

.slds-rich-text-editor__output .note:before {
    content: "";
    font-weight: bold;
}

.slds-rich-text-editor__output div.caution,
.slds-rich-text-editor__output p.EOLCaution,
.slds-rich-text-editor__output div.EOLCaution {
    background-color: #fde69a;
    background-image: url("../resource/eolcaution");
    border-color: #fde69a;
}

.slds-rich-text-editor__output .note:before {
    content: "";
    font-weight: bold;
}

.slds-rich-text-editor__output .caution:before {
    content: "";
    font-weight: bold;
}

.slds-rich-text-editor__output .trbutton {
    background-image: url("../resource/BPplay");
    background-repeat: no-repeat;
    background-position: 14px;
    background-color: #0288d1;
    border: none;
    color: white !important;
    padding: 14px 60px;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
    background-size: 30px;
}

.slds-rich-text-editor__output .trainingbutton {
    background-color: #0562b2;
    color: white !important;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    padding: 0 35px;
    text-decoration: none;
    display: inline-block;
    border: none;
    margin-bottom: 10px;
}

@media screen and (max-width: 680px) {
    .slds-rich-text-editor__output div.note,
    .slds-rich-text-editor__output div.caution,
    .slds-rich-text-editor__output p.EOLNote,
    .slds-rich-text-editor__output div.EOLNote,
    .slds-rich-text-editor__output p.EOLCaution,
    .slds-rich-text-editor__output div.EOLCaution {
        border-width: 2px;
        min-width: 80%;
        max-width: 98%;
    }
}