/*===== RESET STYLES=====*/
.IdeasBody html, .ReleaseNotesBody html, .KnowledgeBody html,
.IdeasBody body, .ReleaseNotesBody body, .KnowledgeBody body,
.IdeasBody div, .ReleaseNotesBody div, .KnowledgeBody div,
.IdeasBody span, .ReleaseNotesBody span, .KnowledgeBody span,
.IdeasBody object, .ReleaseNotesBody object, .KnowledgeBody object,
.IdeasBody iframe, .ReleaseNotesBody iframe, .KnowledgeBody iframe,
.IdeasBody h1, .ReleaseNotesBody h1, .KnowledgeBody h1,
.IdeasBody h2, .ReleaseNotesBody h2, .KnowledgeBody h2,
.IdeasBody h3, .ReleaseNotesBody h3, .KnowledgeBody h3,
.IdeasBody h4, .ReleaseNotesBody h4, .KnowledgeBody h4,
.IdeasBody h5, .ReleaseNotesBody h5, .KnowledgeBody h5,
.IdeasBody h6, .ReleaseNotesBody h6, .KnowledgeBody h6,
.IdeasBody p, .ReleaseNotesBody p, .KnowledgeBody p,
.IdeasBody blockquote, .ReleaseNotesBody blockquote, .KnowledgeBody blockquote,
.IdeasBody pre, .ReleaseNotesBody pre, .KnowledgeBody pre,
.IdeasBody abbr, .ReleaseNotesBody abbr, .KnowledgeBody abbr,
.IdeasBody address, .ReleaseNotesBody address, .KnowledgeBody address,
.IdeasBody cite, .ReleaseNotesBody cite, .KnowledgeBody cite,
.IdeasBody code, .ReleaseNotesBody code, .KnowledgeBody code,
.IdeasBody del, .ReleaseNotesBody del, .KnowledgeBody del,
.IdeasBody dfn, .ReleaseNotesBody dfn, .KnowledgeBody dfn,
.IdeasBody em, .ReleaseNotesBody em, .KnowledgeBody em,
.IdeasBody img, .ReleaseNotesBody img, .KnowledgeBody img,
.IdeasBody ins, .ReleaseNotesBody ins, .KnowledgeBody ins,
.IdeasBody kbd, .ReleaseNotesBody kbd, .KnowledgeBody kbd,
.IdeasBody q, .ReleaseNotesBody q, .KnowledgeBody q,
.IdeasBody samp, .ReleaseNotesBody samp, .KnowledgeBody samp,
.IdeasBody small, .ReleaseNotesBody small, .KnowledgeBody small,
.IdeasBody strong, .ReleaseNotesBody strong, .KnowledgeBody strong,
.IdeasBody sub, .ReleaseNotesBody sub, .KnowledgeBody sub,
.IdeasBody sup, .ReleaseNotesBody sup, .KnowledgeBody sup,
.IdeasBody var, .ReleaseNotesBody var, .KnowledgeBody var,
.IdeasBody b, .ReleaseNotesBody b, .KnowledgeBody b,
.IdeasBody i, .ReleaseNotesBody i, .KnowledgeBody i,
.IdeasBody dl, .ReleaseNotesBody dl, .KnowledgeBody dl,
.IdeasBody dt, .ReleaseNotesBody dt, .KnowledgeBody dt,
.IdeasBody dd, .ReleaseNotesBody dd, .KnowledgeBody dd,
.IdeasBody ol, .ReleaseNotesBody ol, .KnowledgeBody ol,
.IdeasBody ul, .ReleaseNotesBody ul, .KnowledgeBody ul,
.IdeasBody li, .ReleaseNotesBody li, .KnowledgeBody li,
.IdeasBody fieldset, .ReleaseNotesBody fieldset, .KnowledgeBody fieldset,
.IdeasBody form, .ReleaseNotesBody form, .KnowledgeBody form,
.IdeasBody label, .ReleaseNotesBody label, .KnowledgeBody label,
.IdeasBody legend, .ReleaseNotesBody legend, .KnowledgeBody legend, 
.IdeasBody table, .ReleaseNotesBody table, .KnowledgeBody table,
.IdeasBody caption, .ReleaseNotesBody caption, .KnowledgeBody caption,
.IdeasBody tbody, .ReleaseNotesBody tbody, .KnowledgeBody tbody,
.IdeasBody tfoot, .ReleaseNotesBody tfoot, .KnowledgeBody tfoot,
.IdeasBody thead, .ReleaseNotesBody thead, .KnowledgeBody thead,
.IdeasBody tr, .ReleaseNotesBody tr, .KnowledgeBody tr,
.IdeasBody th, .ReleaseNotesBody th, .KnowledgeBody th,
.IdeasBody td, .ReleaseNotesBody td, .KnowledgeBody td,
.IdeasBody article, .ReleaseNotesBody article, .KnowledgeBody article,
.IdeasBody aside, .ReleaseNotesBody aside, .KnowledgeBody aside,
.IdeasBody canvas, .ReleaseNotesBody canvas, .KnowledgeBody canvas,
.IdeasBody details, .ReleaseNotesBody details, .KnowledgeBody details,
.IdeasBody figcaption, .ReleaseNotesBody figcaption, .KnowledgeBody figcaption,
.IdeasBody figure, .ReleaseNotesBody figure, .KnowledgeBody figure,
.IdeasBody footer, .ReleaseNotesBody footer, .KnowledgeBody footer,
.IdeasBody header, .ReleaseNotesBody header, .KnowledgeBody header,
.IdeasBody hgroup, .ReleaseNotesBody hgroup, .KnowledgeBody hgroup,
.IdeasBody menu, .ReleaseNotesBody menu, .KnowledgeBody menu,
.IdeasBody nav, .ReleaseNotesBody nav, .KnowledgeBody nav,
.IdeasBody section, .ReleaseNotesBody section, .KnowledgeBody section,
.IdeasBody summary, .ReleaseNotesBody summary, .KnowledgeBody summary,
.IdeasBody time, .ReleaseNotesBody time, .KnowledgeBody time,
.IdeasBody mark, .ReleaseNotesBody mark, .KnowledgeBody mark,
.IdeasBody audio, .ReleaseNotesBody audio, .KnowledgeBody audio,
.IdeasBody video, .ReleaseNotesBody video, .KnowledgeBody video {
    margin:0; 
    padding:0; 
    border:0; 
    outline:0; 
    font-size:100%; 
    vertical-align:baseline; 
    background:transparent; 
    color:#000; 
    font-family: Arial, Helvetica, sans-serif !important;
}

.IdeasBody body, .ReleaseNotesBody body, .KnowledgeBody body {line-height:1; font-family: Arial, Helvetica, sans-serif !important; margin:0;}

.IdeasBody article, .ReleaseNotesBody article, .KnowledgeBody article,
.IdeasBody aside, .ReleaseNotesBody aside, .KnowledgeBody aside,
.IdeasBody spadetailsn, .ReleaseNotesBody details, .KnowledgeBody details,
.IdeasBody figcaption, .ReleaseNotesBody figcaption, .KnowledgeBody figcaption,
.IdeasBody figure, .ReleaseNotesBody figure, .KnowledgeBody figure,
.IdeasBody footer, .ReleaseNotesBody footer, .KnowledgeBody footer,
.IdeasBody spheaderan, .ReleaseNotesBody header, .KnowledgeBody header,
.IdeasBody hgroup, .ReleaseNotesBody hgroup, .KnowledgeBody hgroup,
.IdeasBody menu, .ReleaseNotesBody menu, .KnowledgeBody menu,
.IdeasBody nav, .ReleaseNotesBody nav, .KnowledgeBody nav,
.IdeasBody section, .ReleaseNotesBody section, .KnowledgeBody section {display:block;}

.IdeasBody nav ul, .ReleaseNotesBody nav ul, .KnowledgeBody nav ul {list-style:none;}

.IdeasBody blockquote, .ReleaseNotesBody blockquote, .KnowledgeBody blockquote, 
.IdeasBody q, .ReleaseNotesBody q, .KnowledgeBody q {quotes:none;}

.IdeasBody blockquote:before, .ReleaseNotesBody blockquote:before, .KnowledgeBody blockquote:before, 
.IdeasBody blockquote:after, .ReleaseNotesBody blockquote:after, .KnowledgeBody blockquote:after, 
.IdeasBody q:before, .ReleaseNotesBody q:before, .KnowledgeBody q:before, 
.IdeasBody q:after, .ReleaseNotesBody q:after, .KnowledgeBody q:after {content:''; content:none;}

.IdeasBody a, .ReleaseNotesBody a, .KnowledgeBody a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}

.IdeasBody ins, .ReleaseNotesBody ins, .KnowledgeBody ins {background-color:#ff9; color:#000; text-decoration:none;}

.IdeasBody mark, .ReleaseNotesBody mark, .KnowledgeBody mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}

.IdeasBody del, .ReleaseNotesBody del, .KnowledgeBody del {text-decoration: line-through;}

.IdeasBody abbr[title], .ReleaseNotesBody abbr[title], .KnowledgeBody abbr[title], 
.IdeasBody dfn[title], .ReleaseNotesBody dfn[title], .KnowledgeBody dfn[title] {border-bottom:1px dotted; cursor:help;}

.IdeasBody table, .ReleaseNotesBody table, .KnowledgeBody table {border-collapse:collapse; border-spacing:0;}


.IdeasBody hr, .ReleaseNotesBody hr, .KnowledgeBody hr {display:block;height:1px;border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}

.IdeasBody input, .ReleaseNotesBody input, .KnowledgeBody input, 
.IdeasBody select, .ReleaseNotesBody select, .KnowledgeBody select {vertical-align:middle;}

.IdeasBody .fa, .ReleaseNotesBody .fa, .KnowledgeBody .fa {
    display: inline-block;
    font-family: FontAwesome !important;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

span.textSpacer {
    padding: 0 5px;
}

/*SPIN LOADER*/
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
#spinnerDivContainer i.fa {
    font-size: 3em !important;
    display:block;
    margin:10px auto;
    text-align:center;
    color:#c5c5c5;
}
#spinnerDivContainer span {
    font-size:12px;
    text-align:center;
    display:block;
    text-transform:uppercase;
    font-weight:bold;
    padding-left:10px;
}

/*=====DOCUMENTATION STYLES=====*/
body.DocumentationBody  {
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif !important;
    min-width: 400px;
    min-height: 600px;
}

.DocumentationBody a {
    color: #8d31f7;
}

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

.DocumentationBody .no-border {
    border: none !important;
}

.DocumentationBody #content img {
    max-width:100%;
}

.DocumentationBody #main {
	margin: 32px;
    display: block;
}

.DocumentationBody #pdf {
    display: block;
}

.DocumentationBody #pdf i.fa.fa-download {
    margin-right: 5px;
}

.DocumentationBody #pdf-button {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px;
    font-weight: normal;
    line-height: 23px;
    margin: 0px;
    cursor: pointer;
    position: relative;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color:#f0f0f0;
}

.DocumentationBody #filter {
	margin-bottom: 16px;
    font-size: 14pt;
    color: #000000;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    cursor: default;
}

.DocumentationBody #filter-dropdown {
	display: inline-block;
    position: relative;
    font-size: 18px;
}

.DocumentationBody #filter-dropdown-text {
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
}

.DocumentationBody #filter-dropdown-icon {
    width: 28px;
    height: 28px;
    line-height: 26px;
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-size: 15px;
}


.DocumentationBody #filter-dropdown-menu {
	position: absolute;
    left: 0px;
    white-space: nowrap;
    border: 1px solid #E0E2E5;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.15);
    cursor: pointer;
    margin-top: 2px;
    display: none;
}

.DocumentationBody #filter-dropdown-menu ul {
    list-style-type: none;
    margin: 8px 0px 8px 0px;
    padding: 0px;
}

.DocumentationBody #filter-dropdown-menu .category-option, 
.DocumentationBody #filter-dropdown-menu .none-selected {
	display: inline-block;
    padding: 8px 16px 8px 16px;
}

.DocumentationBody #filter-dropdown-menu li a {
    color: #000;
    text-decoration: none;
	display: block;
	height: 100%;
	width: 100%;
}

.DocumentationBody #filter-dropdown-menu li:hover {
    background-color: #eeeeee;
}

.DocumentationBody #filter-dropdown-menu #category-selected a {
    color: #999;
}

.DocumentationBody #filter-dropdown-menu #category-selected:hover {
    background: none;
    cursor: default;
}

.DocumentationBody #filter-dropdown-menu #category-selected:hover a {
    color: #999;
    cursor: default;
}

.DocumentationBody .docsContainer {
    border-top: 1px solid #E0E2E5;
}

.DocumentationBody #links {
    min-width: 275px;
    max-width: 275px;
    display: table-cell;
    background-color: #fefefe;
    border-right: 1px solid #E0E2E5;
    vertical-align: top;
}

.DocumentationBody #links ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.DocumentationBody #links li {
    overflow: hidden;
}

.DocumentationBody #links li li {
    background-color: #f3f3f3 !important;
}

.DocumentationBody #links a {
    display: inline-block;
    padding: 8px;
    text-decoration: none;
    color: #000;
    width: 250px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif !important;
}

.DocumentationBody #links a:hover {
    color: #8d31f7;
}

.DocumentationBody #links #link-selected {
	background-color: #8d31f7 !important;
}

.DocumentationBody #links #link-selected>a, 
.DocumentationBody #links #link-selected>div {
    color: #fff;
}

.DocumentationBody #links li div {
    visibility: hidden;
    display: inline-block;
    width: 25px;
    height: 35px;
    vertical-align: top;
    text-align: center;
    padding-top: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.DocumentationBody #links li.expandable {
    background-color: #fefefe;
}

.DocumentationBody #links li.expandable>div {
	visibility: visible;
    font-size: 15px;
    color: #d2d6d8;
    cursor: pointer;
}

.DocumentationBody #links li li a.link {
    padding-left: calc(8px + 16px);
}

.DocumentationBody #links li li li a.link {
    padding-left: calc(8px + 16px + 16px);
}

.DocumentationBody #documentation {
    width: 100%;
    display: table-cell;
    border-left: none;
    padding: 0 0 0 30px;
}

.DocumentationBody #title {
    padding: 8px 0;
}

.DocumentationBody #title h1 {
    margin: 0px;
}

.DocumentationBody #content {
    padding: 8px 0;
	font-size: 15px;
}

.DocumentationBody #top-nav-links {
    text-align: center;
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    border-bottom: 1px solid #E0E2E5;
    margin: 15px 0px;
    padding-bottom: 15px;
}

.DocumentationBody #top-nav-links a.previousLink {
    position: absolute;
    left: 0px;
}

.DocumentationBody #top-nav-links a {
    text-decoration: none;
}

.DocumentationBody #top-nav-links a.nextLink {
    position: absolute;
    right: 0px;
}

.DocumentationBody #bottom-nav-links {
    text-align: center;
    margin-top: 50px;
    padding: 25px 0 10px 0;
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    border-top: 1px solid #E0E2E5;
}

.DocumentationBody #bottom-nav-links a.previousLink {
    position: absolute;
    left: 0;
}

.DocumentationBody #bottom-nav-links a.nextLink {
    position: absolute;
    right: 0;
}

.DocumentationBody #bottom-nav-links a {
    text-decoration: none;
}

.DocumentationBody #bottom-nav-links a:hover {
    text-decoration: underline;
}

.DocumentationBody #mobileAppMenu{
    user-select:none;
    -o-user-select:none;
    -ms-user-select:none;
    -moz-user-select: none;
    -webkit-user-select: none;

    display: none;
    position: relative;
    top: 0px;
    left: 0;
    width: 100%;
    height: 55px;
    background-color: #8d31f7;
    text-align: center;
    cursor: pointer;
    z-index: 104;
}
.DocumentationBody #mobileAppMenu:hover{}
.DocumentationBody #linksMenu{
    user-select:none;
    -o-user-select:none;
    -ms-user-select:none;
    -moz-user-select: none;
    -webkit-user-select: none;

    display: none;
    position: relative;
    z-index: 102;
    top: 0px;
    left: 0px;
    height: 35px;
    cursor: pointer;
    border-bottom: solid 1px #ccc;

    text-align: center;
    color: #000;
    padding-top: 15px;
    font-size: 20px;
    border-top: 2px solid #8d31f7;
}

.DocumentationBody #linksMenuIcon{
    float: left;
    padding-left: 12px;
    margin-right: -12px;
    width: 0;
}
.DocumentationBody #linksMenu>span{
    display: inline-block;
    max-width: calc(100% - 100px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.DocumentationBody #menuBars {
    position:absolute;
    left: 16px;
    color:white; 
    font-size: 24px;
    line-height:53px;
}

.DocumentationBody #categoryName{
    color: #FFF;
    position: absolute;
    left: 0;
    right: 0;
    line-height:55px;
    font-size: 20px;
}
.DocumentationBody #mobileTopicFilter{
    height: 100%;
    display: none;
}
.DocumentationBody #mobileTopicFilterBar{
    position: fixed;
    z-index: 100;
    left: -290px;
    top: 115px;
    height: 100%;
    width: 300px;
    background-color: #EF7037;
    color: #FFF;
    border-top: 2px solid #8d31f7;
}
.DocumentationBody #mobileTopicFilterBar ul{
    list-style-type: none;
    text-align: left;
    color: #FFF;
    margin-top: 0px;
}
.DocumentationBody #mobileTopicFilterBar li{
    padding: 2px;
}
.DocumentationBody #mobileTopicFilterBar li>a{
    text-decoration: none;
    color: #FFF;
}
.DocumentationBody #mobileTopicFilterBar li>a:hover{
    color: #000;
}
.DocumentationBody #mobileAppMenuOptions{
    display: none;
    border-top: 2px solid #8d31f7;
    background-color: #8d31f7;

    z-index: 103;
    position: absolute;
    width: 100%;

    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
}
.DocumentationBody #mobileAppMenuOptions ul{
    list-style-type: none;
    text-align: left;
    color: #FFF;
    margin-top: 0px;
}
.DocumentationBody #mobileAppMenuOptions li{
    height: 18px;
    padding: 8px 10px;
}
.DocumentationBody #mobileAppMenuOptions li>a{
    text-decoration: none;
    color: #FFF;
    display: inline-block;
    width: calc(100% - 10px);
    padding: 8px 10px;
}

#mobileAppMenuOptions li:hover > a{
    color: #000;
}

@media(min-width:769px){
    .DocumentationBody #links{
        display: table-cell !important;
    }
    .DocumentationBody #mobileAppMenuOptions{
        display: none !important;
    }
}
@media(max-width:768px){
    .DocumentationBody .docsContainer {
        border-top: none;
    }
    
    .DocumentationBody #main{
        margin: 1px;
    }
    .DocumentationBody #filter{
        margin-bottom: 0px;
    }
    body.DocumentationBody {
        min-width: 0px;
    }
    .DocumentationBody #pdf{
        display: none;
    }
    .DocumentationBody #filter-dropdown{
        display: none;
    }
    .DocumentationBody #mobileAppMenu, 
    .DocumentationBody #linksMenu{
        display: block;
        font-size: 16px;
    }

    .DocumentationBody #links{
        display: none;
        position: absolute;
        z-index: 100;
        left: 0px;
        top: 108px;
        color: #FFF;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        border: none;
        box-shadow: 0px 10px 10px rgb(0 0 0 / 15%);
        padding: 10px 0;
    }
    .DocumentationBody #links ul{
        width: 100%;
    }
    .DocumentationBody #links li{
        white-space: nowrap;
        max-height:auto !important;
    }
    .DocumentationBody #links a{
        width: calc(100% - 40px);
        white-space: pre-wrap;
        font-size: 14px;
    }
    .DocumentationBody #links a:hover{
        color: #8d31f7;
    }
    .DocumentationBody #links li > div:hover{
        color: #8d31f7;
    }
    .DocumentationBody #links li li, 
    .DocumentationBody #links #link-selected{
        padding-left: 20px;
        background-color: #f3f3f3 !important;
    }
     
    .DocumentationBody #links li.expandable {
        background-color: #fefefe;
    }
    .DocumentationBody #links #link-selected>a, 
    .DocumentationBody #links #link-selected>div{
        color: #8d31f7;
    }
    .DocumentationBody #documentation{
        display: inline-block;
        width: calc(100% - 30px);
    	padding: 0 15px;
    }
    .DocumentationBody #category-selected > a > span{
        color: #000;
    }
    .DocumentationBody img{
        max-width: 80%;
        height: auto;
    }

}



/*=====RELEASE NOTES STYLES=====*/
.ReleaseNotesBody h1 {
    font-size:1.15rem;
    font-weight:normal;
    line-height:2rem;
}
.ReleaseNotesBody p {
    font-size:0.85rem;
    font-weight:normal;
    line-height: 1.5rem;
}

.ReleaseNotesBody a {
    color: #8d31f7;
}


.ReleaseNotesBody .rnHeader {
    padding: 0 25px;
    max-width:800px;
    width:100%;
}

.ReleaseNotesBody .rnBody {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    padding: 50px 25px;
}

.ReleaseNotesBody .bodyLeft {
    width: calc(33% - 50px);
    margin-right: 25px;
    border-right: 1px solid #DDDBDA;
    padding-right: 25px;
}

.ReleaseNotesBody .bodyRight {
    width: 66%;
}

.ReleaseNotesBody .rnInput {
    position: relative;
    width: 100%;
    margin-bottom: 25px;
}
.ReleaseNotesBody .rnInput label {
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    padding: 5px 0;
}

.ReleaseNotesBody .rnInput:after {
    content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 55%;
    right: 10px;
}

.ReleaseNotesBody .rnInput select {
    padding: 10px;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    font-size: 0.85rem;
    width: 100%;
}

.ReleaseNotesBody .rn-detail p,
.ReleaseNotesBody .rn-detail span,
.ReleaseNotesBody .rn-detail b,
.ReleaseNotesBody .rn-detail em,
.ReleaseNotesBody .rn-detail strong,
.ReleaseNotesBody .rn-detail i,  
.ReleaseNotesBody .rn-detail ol, 
.ReleaseNotesBody .rn-detail ul, 
.ReleaseNotesBody .rn-detail li {
    font-size: 0.85rem;
    line-height: 1.5rem;
}

.ReleaseNotesBody .rn-detail h1 {
    margin-bottom: 15px;
}

.ReleaseNotesBody .rn-detail h2 {
    text-transform: uppercase;
    font-size: 0.95rem;
    line-height: 1.5rem;
    margin: 20px 0 5px 0;
}

.ReleaseNotesBody .rn-detail ul {
    padding-left: 35px;
}

.ReleaseNotesBody .rn-detail ul li {
    padding: 10px 0px;
}

.ReleaseNotesBody .rn-detail ul li li {
    padding: 15px 0 0 0;
}

.ReleaseNotesBody .RNonlyOnDesktop {
    display:block;
}
.ReleaseNotesBody .RNonlyOnMobile {
    display:none;
}

.ReleaseNotesBody .rnDescription.RNonlyOnMobile {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
    border-top: 1px solid #DDDBDA;
    margin-top: 25px;
    padding-top: 25px;
}

@media(max-width:650px){
    .ReleaseNotesBody .rnBody {
        flex-direction: column;
        padding-top:25px;
    }
    .ReleaseNotesBody .bodyLeft {
        width: 100%;
        margin-right: 0;
        border-right: 0;
        padding-right: 0;
        display: flex;
    	flex-direction: column;
        margin-bottom: 25px;
    }
    
    .ReleaseNotesBody .bodyLeft form {
        order:2;
    }
    .ReleaseNotesBody .rnDescription {
        margin-bottom: 25px;
        padding-bottom: 25px;
        border-bottom: 1px solid #DDDBDA;
    }
    
    .ReleaseNotesBody .bodyRight {
        width: 100%;
    }
    .ReleaseNotesBody .RNonlyOnDesktop {
        display:none;
    }
    .ReleaseNotesBody .RNonlyOnMobile {
        display:block;
    }
    
}


/*=====IDEAS STYLES=====*/
.IdeasBody .ideaPage {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
}

.IdeasBody .ideasHeader {
    display: block;
    padding: 25px;
    border: 1px solid #DDDBDA;
    background-color: #f0f0f0;
    width: 250px;
}

.IdeasBody .ideasHeader .filtersContainer {
    display: block;
    width: 100%;
}

.IdeasBody .ideasHeader .filtersContainer .filter {
    position: relative;
    width: 100%;
}



.IdeasBody .ideasHeader .filtersContainer .filter label {
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    padding: 5px 0;
}

.IdeasBody .ideasHeader .filtersContainer .filter:after {
    content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 55%;
    right: 10px;
}

.IdeasBody .ideasHeader .filtersContainer .filter select {
    padding: 10px;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    font-size: 0.85rem;
    width: 100%;
}


.IdeasBody .ideasHeader .addNew {
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
}

.IdeasBody .ideasHeader .addNew a.addNewButton {
    display:block;
    padding: 11px 0px;
    border: 1px solid #8d31f7;
    border-radius: 4px;
    font-size:0.85rem;
    text-transform:uppercase;
    text-decoration:none;
    color:#FFF;
    background-color:#8d31f7;
    width:100%;
}

.IdeasBody .ideasList {
    padding: 25px 25px 15px 25px;
    width: calc(100% - 50px);
    border-top: 1px solid #dddbda;
}

.IdeasBody .ideasList ul {
    list-style:none;
}

.IdeasBody .ideasList .ideaItem {
    margin:0 0 20px 0;
    padding:0 0 20px 0;
    border-bottom: 1px dotted #DDDBDA;
}

.IdeasBody .ideasList .ideaItem .ideaFlexGrid {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.IdeasBody .portal-ideas-prode {
    order: 2;
    width: 25%;
    max-width: 200px;
    min-width: 200px;   
}

.IdeasBody .portal-ideas-info {
    width: 75%;
}

.IdeasBody .ideasVoteContainer {
    border: 1px solid #DDDBDA;
    border-radius: 4px;
    text-align: center;
}

.IdeasBody .portal-ideas-status {
    text-align: center;
    text-transform: uppercase;
    font-size: 0.65rem;
    padding: 20px 0 0 0;
    font-weight:bold;
}

.IdeasBody .portal-ideas-info h1, .IdeasBody .portal-ideas-info h1 a {
    color: #8d31f7;
    text-decoration: none;
    cursor: pointer;
    padding-bottom: 5px;
    font-size: 1.15rem !important;
}

.IdeasBody .portal-ideas-info h1:hover, .portal-ideas-info h1 a:hover {
    text-decoration: underline;
}

.IdeasBody .portal-ideas-info h1, 
.IdeasBody .portal-ideas-info p {
    font-size: 0.85rem;
    line-height: 1.5rem;
    padding-right:30px;
}

.IdeasBody .portal-ideas-info ul {
    list-style: disc;
    margin-left: 40px;
    margin-bottom: 15px;
    padding-right: 30px;
    font-size: 0.85rem;
    line-height: 1.5rem;
}
.IdeasBody .portal-ideas-info ol {
    margin-left: 40px;
    margin-bottom: 15px;
    padding-right: 30px;
    font-size: 0.85rem;
    line-height: 1.5rem;
}


.IdeasBody .portal-ideas-info li {
    font-size: 0.85rem;
    line-height: 1.5rem;
    padding-bottom:15px;
}

.IdeasBody .portal-ideas-info th,
.IdeasBody .portal-ideas-info td,
.IdeasBody .portal-ideas-info a,
.IdeasBody .portal-ideas-info b,
.IdeasBody .portal-ideas-info em,
.IdeasBody .portal-ideas-info strong,
.IdeasBody .portal-ideas-info i  {
    font-size: 0.85rem;
    line-height: 1.5rem;
}

.IdeasBody .portal-ideas-info a {
    color: #8d31f7;
}
.IdeasBody .portal-ideas-info pre {
    white-space: break-spaces !important;
    font-size: 0.85rem;
    line-height: 1.5rem;
    padding-right: 30px;
}
.IdeasBody .portal-ideas-info {
    font-size: 0.85rem;
    line-height: 1.5rem;
    padding-right: 30px;
}


.IdeasBody .portal-ideas-app-type {
    text-transform: uppercase;
    font-size: 0.75rem;
    padding: 0 0 20px 0px;
    display: block;
    font-weight: bold;
}

.IdeasBody .portal-ideas-points {
    padding: 25px 0;
    text-transform: uppercase;
}

.IdeasBody .portal-ideas-vote input {
    padding: 15px 10px;
    border: none;
    border-radius: 0 0 4px 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    font-size: 0.85rem;
    text-transform:uppercase;
    width: 100%;
    transition: border 0.5s, background-color 0.5s, font-weight 0.5s;
}

.IdeasBody .portal-ideas-vote input.portal-ideas-promote-btn {
    background-color:#8d31f7;
    color:#FFF;
    border-top: 1px solid #8d31f7;
}

.IdeasBody .portal-ideas-vote input.portal-ideas-promote-btn:hover {
    background-color: #7209ec;
    color: #FFF;
    border-top: 1px solid #7209ec;
    font-weight:bold;
}

.IdeasBody .portal-ideas-vote input.portal-ideas-promoted-btn {
    background-color:#f9f9f9;
    color:rgb(62, 122, 189);
    border-top: 1px solid #dddbda;
    cursor: default;
}

.IdeasBody .portal-ideas-vote input.portal-ideas-demoted-btn {
    cursor: default;
}

.IdeasBody .portal-ideas-vote i {
    position: absolute;
    left: calc(50% - 10px);
    color: #000;
    top: 15px;
    font-size: 1.35rem;
}

.IdeasBody .portal-ideas-vote {
    position: relative;
}

.IdeasBody .pageNav {
    display: flex;
    width: 100%;
    margin: 0 auto 50px auto;
    justify-content: center;
}

.IdeasBody .pageNavButton {
    display: block;
    padding: 12px 0;
    border-radius:50%;
    text-align: center;
    width: 40px;
    color:#333;
    margin: 0 4px;
    transition: color 0.25s, background-color 0.25s;
}

.IdeasBody a.pageNavButton {
    text-decoration:none;
    color:#333;
}

.IdeasBody a.pageNavButton:hover {
    text-decoration:none;
    color:#fff;
    background-color:#ff74c6;
}

.IdeasBody span.pageNavButton {
    text-decoration:none;
    color:#fff;
    background-color:#ff74c6;
}

.IdeasBody .filtersContainer:before {
    content: "Filter Ideas By:";
    padding-bottom: 10px;
    display: block;
    width: 100%;
}
.IdeasBody .hideIfMobile {
    display:block;
}
.IdeasBody .showIfMobile {
    display:none;
}

.IdeasBody a.backToIdeasList {
    font-family: Arial, Helvetica, sans-serif !important;
    text-decoration: none;
    font-size: 0.75rem;
    padding: 10px;
    display: block;
    color: #8d31f7;
    cursor:pointer;
}


.IdeasBody a.backToIdeasList:hover {
    text-decoration: underline;
}

@media screen and (max-width: 950px) {
    .IdeasBody .ideasHeader {
        width: 200px;
    }

}

@media screen and (max-width: 800px) {
    .IdeasBody .ideaPage {
        flex-direction: column;
    }
    .IdeasBody .ideasHeader {
        width: calc(100% - 50px);
    }
    .IdeasBody .ideasHeader .addNew {
        margin: 0 auto 30px auto;
        width: 200px;
        max-width: 200px;
        min-width: 200px;
    }
    
    .IdeasBody .ideasHeader .filtersContainer {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 25px;
        order: 2;
        justify-content: space-between;
    }
    
    .IdeasBody .ideasHeader .filtersContainer .filter {
        margin-right: 0;
        width: 32%;
    }
    .IdeasBody .ideasList {
        width: calc(100% - 50px);
        border:none;
    }
    
    .IdeasBody .ideasList .ideaItem .ideaFlexGrid {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }
    .IdeasBody .portal-ideas-prode {
        order: 2;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
    .IdeasBody .ideasVoteContainer {
        border: none;
        border-radius: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        margin-top: 20px;
    }
    .IdeasBody .portal-ideas-points {
        padding: 14.5px 0;
        text-transform: uppercase;
        border: 1px solid #DDDbda;
        border-radius: 0 4px 4px 0;
        min-width: 140px;
        text-align: center;
        order: 2;
    }
    .IdeasBody .portal-ideas-vote {
        position: relative;
        order: 1;
    }
    .IdeasBody .portal-ideas-vote input {
        padding: 15px 10px;
        border: none;
        border-radius: 4px 0 0 4px;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        cursor: pointer;
        font-size: 0.85rem;
        text-transform: uppercase;
        width: 100%;
        transition: border 0.5s, background-color 0.5s, font-weight 0.5s;
        min-width: 140px;
    }
    .IdeasBody .portal-ideas-vote input.portal-ideas-promoted-btn {
        background-color: #f9f9f9;
        color: rgb(62, 122, 189);
        border-top: 1px solid #dddbda;
        cursor: default;
        border-left: 1px solid #dddbda;
        border-bottom: 1px solid #dddbda;
        padding: 16px 10px;
    }
    .IdeasBody .portal-ideas-vote input.portal-ideas-promote-btn {
        background-color: #8d31f7;
        color: #FFF;
        border: 2px solid #8d31f7;
    }
    .IdeasBody .portal-ideas-vote input.portal-ideas-promote-btn:hover {
        background-color: #7209ec;
        border: 2px solid #7209ec;
    }
    .IdeasBody .portal-ideas-info {
        width: 100%;
    }
    .IdeasBody .portal-ideas-info h1, 
    .IdeasBody .portal-ideas-info p, 
    .IdeasBody .portal-ideas-info h1, 
    .IdeasBody .portal-ideas-info b, 
    .IdeasBody .portal-ideas-info h1, 
    .IdeasBody .portal-ideas-info em, 
    .IdeasBody .portal-ideas-info h1, 
    .IdeasBody .portal-ideas-info strong, 
    .IdeasBody .portal-ideas-info h1, 
    .IdeasBody .portal-ideas-info i, 
    .IdeasBody .portal-ideas-info h1, 
    .IdeasBody .portal-ideas-info ol, 
    .IdeasBody .portal-ideas-info h1, 
    .IdeasBody .portal-ideas-info ul, 
    .IdeasBody .portal-ideas-info h1, 
    .IdeasBody .portal-ideas-info li {
        padding-right: 0;
    }
    .IdeasBody .hideIfMobile {
        display:none;
    }
    .IdeasBody .showIfMobile {
        display:block;
    }
}

@media screen and (max-width: 500px) {
    .IdeasBody .ideasHeader .filtersContainer {
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 25px;
        order: 2;
        flex-direction: column;
        justify-content: space-between;
    }
    .IdeasBody .ideasHeader .filtersContainer .filter {
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    .IdeasBody .ideasHeader .addNew {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
}

/*=====END IDEAS LIST & DETAILS STYLES=====*/


/*=====IDEAS DETAIL STYLES=====*/
.IdeasBody.ideaDetailPage .ideaDetailPage .ideasList {
    width:calc(100% - 50px);
}

.IdeasBody.ideaDetailPage .portal-ideas-info.detailPage h1 {
    cursor: default;
    font-size: 1.15rem;
    line-height:2rem;
}

.IdeasBody.ideaDetailPage .portal-ideas-info.detailPage h1:hover {
    text-decoration: none;
}


.IdeasBody.ideaDetailPage .ideasList.detailPage .ideaItem {
    margin:0;
    padding:0;
    border-bottom: none;
}
.IdeasBody.ideaDetailPage .mainChatterContainer {
    max-height:unset !important;
}

.IdeasBody.ideaDetailPage div#chatter-div {
    width: 75%;
}

@media screen and (max-width: 900px) {
    .IdeasBody.ideaDetailPage div#chatter-div {
        width: 100%;
    }
}



/*=====KNOWLEDGE STYLES=====*/


/*.KnowledgeBody #types {
    width: 0 !important;
    padding: 0 !important;
}*/

.KnowledgeBody .sfdc_richtext table {
    border: 1px solid #CCCCCC;
    margin:10px 0;
    background-color:#FFF;
    width:100%;
}

.KnowledgeBody .sfdc_richtext table td, 
.KnowledgeBody .sfdc_richtext table th  {
    border: 1px solid #CCCCCC;
    padding: 10px;
}

.KnowledgeBody .sfdc_richtext table th  {
    font-weight:bold;
    background-color:#DDD;
}
.KnowledgeBody .knowledgeFlex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    border-top:1px solid #DDDBDA;
}

.KnowledgeBody .leftContent {
    display: block;
    padding: 25px;
    border-right: 1px solid #DDDBDA;
    /*background-color: #f0f0f0;*/
    width: 175px;
    font-size: 0.75rem;
}

.KnowledgeBody .rightContent {
    padding: 25px 25px 15px 25px;
    width: calc(100% - 275px);
}

.KnowledgeBody .filterGroup {
    margin-bottom: 20px;
}

.KnowledgeBody .filterGroup ul {
    list-style: none;
}
.KnowledgeBody .filterGroup li {
    position:relative;
}
.KnowledgeBody p.categoryGroupLabel {
    padding: 10px 0;
    text-transform: uppercase;
    font-weight: bold;
}
.KnowledgeBody .filterGroup ul li a {
    text-decoration:none;
    color:#333;
}

.KnowledgeBody .filterGroup ul.selectAllNone li {
    padding-bottom:10px;
    font-size:0.7rem;
    margin-bottom:0;
}

.KnowledgeBody .filterGroup ul.selectAllNone li a {
    color:#8d31f7;
}
.KnowledgeBody .filterGroup ul.selectAllNone li a:hover {
    text-decoration:underline;
}
.KnowledgeBody .filterGroup ul.selectIndividual li {
    margin-bottom:5px;
}
.KnowledgeBody .filterGroup ul.selectIndividual li a {
    text-decoration:none;
    color:#333;
    padding-left:20px;
    display:block;
}
.KnowledgeBody .filterGroup ul.selectIndividual li a:hover,
.KnowledgeBody .filterGroup ul.selectIndividual li a:hover span{
    color:#8d31f7;
}

.KnowledgeBody .filterGroup ul.selectIndividual li a span {
    position:absolute;
    left:0;
    top:1px;
}
.KnowledgeBody .rightContent .filter-header {
    margin-bottom: 25px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.KnowledgeBody .rightContent .filter-header label.articles-by-label {
    font-weight:bold;
}

.KnowledgeBody .rightContent .filter-header .sort-container {
    position: relative;
}
.KnowledgeBody .rightContent .filter-header .sort-container label {
    font-size: 0.75rem;
    text-transform: uppercase;
}

.KnowledgeBody .rightContent .filter-header .sort-container:after {
    content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome !important; 
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 33%;
    right: 10px;
}

.KnowledgeBody .rightContent .filter-header .sort-container select {
    padding: 10px;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    font-size: 0.85rem;
    width: 120px;
}

.KnowledgeBody .rightContent .article {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #DDDBDA;
}

.KnowledgeBody .rightContent .article a {
    color: #8d31f7;
    text-decoration: none;
    cursor: pointer;
    padding-bottom: 5px;
    font-size: 1.15rem;
    line-height: 2rem;
    font-weight: bold;
}

.KnowledgeBody .rightContent .article p {
    font-size: 0.85rem;
    line-height: 1.5rem;
    padding-right: 30px;
}

.KnowledgeBody .rightContent .article .articleInfo {
    text-transform: uppercase;
    font-size: 0.75rem;
    padding: 0 0 20px 0px;
    display: block;
    font-weight: bold;
}

.KnowledgeBody ul.pagination {
    display: flex;
    width: 100%;
    margin: 50px auto 0px auto;
    justify-content: center;
    list-style: none;
}

.KnowledgeBody ul.pagination li a {
    display: block;
    padding: 11px 0;
    border-radius: 50%;
    text-align: center;
    width: 40px;
    color: #333;
    margin: 0 4px;
    transition: color 0.25s, background-color 0.25s;
    text-decoration:none;
}

.KnowledgeBody ul.pagination li.arrow.unavailable {
    display:none;
}

.KnowledgeBody ul.pagination li.current a {
    text-decoration: none;
    color: #fff;
    background-color: #ff74c6;
}

.KnowledgeBody ul.pagination li a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ff74c6;
}

.KnowledgeBody .article-details h1 {
    font-size: 1.5rem;
    line-height: 2.25rem;
}
.KnowledgeBody .article-details .field{
    font-size: 0.85rem;
    line-height: 1.5rem;
    padding-right: 30px;
}
.KnowledgeBody .article-details .field h3{
    text-transform: uppercase;
    font-size: 0.95rem;
    line-height: 1.5rem;
    margin: 20px 0 5px 0;
}
.KnowledgeBody .article-details .field a {
    color: #8d31f7;
}
.KnowledgeBody .article-details .field img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px 0;
}
.KnowledgeBody .article-details .field ul,
.KnowledgeBody .article-details .field ol {
    margin: 0 0 20px 40px !important;
}


.KnowledgeBody .article-details .field p, 
.KnowledgeBody .article-details .field a, 
.KnowledgeBody .article-details .field span, 
.KnowledgeBody .article-details .field b, 
.KnowledgeBody .article-details .field em, 
.KnowledgeBody .article-details .field strong, 
..KnowledgeBody .article-details .field i, 
.KnowledgeBody .article-details .field ol, 
.KnowledgeBody .article-details .field ul, 
.KnowledgeBody .article-details .field li {
    font-size: 0.85rem !important;
    line-height: 1.5rem !important;
}

.KnowledgeBody .article-details .field h1, 
.KnowledgeBody .article-details .field h2, 
.KnowledgeBody .article-details .field h3, 
.KnowledgeBody .article-details .field h4, 
.KnowledgeBody .article-details .field h5, 
.KnowledgeBody .article-details .field h6, 
.KnowledgeBody .article-details .field b, 
.KnowledgeBody .article-details .field strong {
    font-weight: bold !important;
}

.KnowledgeBody .article-details .field h1 {
    font-size: 1.15rem !important;
    line-height: 2rem !important;
} 
.KnowledgeBody .article-details .field h2 {
    font-size: 1rem !important;
    line-height: 1.75rem !important;
}
.KnowledgeBody .article-details .field h3 {
    font-size: 0.95rem !important;
    line-height: 1.5rem !important;
}
.KnowledgeBody .article-details .field h4 {
    font-size: 0.9rem !important;
    line-height: 1.5rem !important;
}
.KnowledgeBody .article-details .field h5 {
    font-size: 0.9rem !important;
    line-height: 1.5rem !important;
}
.KnowledgeBody .article-details .field h6 {
    font-size: 0.9rem !important;
    line-height: 1.5rem !important;
}
.KnowledgeBody a.backToList {
    font-family: Arial, Helvetica, sans-serif !important;
    text-decoration: none;
    font-size: 0.75rem;
    padding: 10px 10px 10px 0;
    display: block;
    color: #8d31f7;
    cursor:pointer;
}
.KnowledgeBody a.backToList:hover {
    text-decoration: underline;
}

/*search bar*/
.KnowledgeBody ul.ui-autocomplete {
    background-color: #ffffff !important;
    border:1px solid #DDDBDA;
    margin:0;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    max-width: calc(100% - 16px);
}

.KnowledgeBody ul.ui-autocomplete li {
    font-size:0.85rem !important;
    padding:10px !important;
    border-bottom: 1px dotted #DDDBDA;
    list-style-image: none !important;
    margin:0;
}



.KnowledgeBody ul.ui-autocomplete .ui-state-hover, 
.KnowledgeBody ul.ui-autocomplete .ui-widget-content .ui-state-hover, 
.KnowledgeBody ul.ui-autocomplete .ui-widget-header .ui-state-hover, 
.KnowledgeBody ul.ui-autocomplete .ui-state-focus, 
.KnowledgeBody ul.ui-autocomplete .ui-widget-content .ui-state-focus, 
.KnowledgeBody ul.ui-autocomplete .ui-widget-header .ui-state-focus {
    border:unset;
    border-bottom: 1px dotted #DDDBDA;
    background: #eaeaea;
    color: #333;
    font-weight:normal;
    font-size:0.85rem !important;
    padding:10px !important;
    margin:0 !important;
}

.KnowledgeBody .rightContent .search-container {
    position: relative;
    width: calc(100% - 300px);
}

.KnowledgeBody .rightContent .search-container:before {
    content: "\f002";
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: 0.75rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 33%;
    left: 10px;
}

.KnowledgeBody .rightContent .search-container input {
    padding: 10px 30px;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    font-size: 0.85rem;
    width: calc(100% - 60px);
}


/*end search bar*/

.KnowledgeBody .KBmobileOnly {
    display:none;
}
.KnowledgeBody button.KBfilter,
.KnowledgeBody button.KBclose {
    padding: 10px;
    border: 1px solid #DDDBDA;
    background-color:#ffffff;
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    font-size: 0.85rem;
    width: 40px;
}
.KnowledgeBody button.KBfilter:hover,
.KnowledgeBody button.KBclose:hover {
    background-color:#eeeeee;
}
.KnowledgeBody #filterContent {
        display:block;
    } 

@media screen and (max-width: 900px) {
    .KnowledgeBody .rightContent .search-container {
        width: calc(100% - 250px);
    }
}

@media screen and (max-width: 750px) {
    .KnowledgeBody .KBmobileOnly {
        display:block;
    }
    
    .KnowledgeBody .rightContent .search-container {
        width: 100%;
        order:2;
        margin-top: 10px;
    }
    .KnowledgeBody .rightContent .filter-header {
        flex-wrap: wrap;
    }
    
    .KnowledgeBody .knowledgeFlex {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        border-top: none;
	}
    
.KnowledgeBody #filterContent {
        display:none;
    }  
.KnowledgeBody .leftContent {
    position: absolute;
    background-color: #FFF;
    z-index: 9999;
    top: 8px;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px 7px;
    border-right: none;
    width: calc(100% - 14px);
    font-size: 0.75rem;
}
.KnowledgeBody .filterGroup ul.selectAllNone li {
    padding-bottom: 20px;
    font-size: 0.85rem;
    margin-bottom: 0;
}
.KnowledgeBody .filterGroup ul.selectIndividual li {
    margin-bottom: 20px;
}    
.KnowledgeBody .filterGroup ul.selectIndividual li a {
    font-size: 0.9rem;
}    
    .KnowledgeBody .rightContent {
        padding: 25px 0;
        width: 100%;
    }
    .KnowledgeBody .filterGroup {
        margin-bottom: 20px;
        min-width: 200px;
    }
    .KnowledgeBody .filterGroup ul.selectIndividual {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    }
    .KnowledgeBody .filterGroup ul.selectIndividual li a {
        padding: 15px 10px 15px 30px;
        border:1px solid #eeeeee;
        border-radius:4px;
    }
    .KnowledgeBody p.categoryGroupLabel {
        display: inline-block;
        width: 49%;
    }
    ul.selectAllNone {
        display: inline-block;
        text-align: right;
        width: 49%;
    }  
    .KnowledgeBody .filterGroup ul.selectIndividual li a span {
        top: 17.5px;
        left:10px
    }
    .KnowledgeBody .filterGroup li.active a {
        background-color: #f0f0f0;
    }

}


@media screen and (max-width: 530px) {
    .KnowledgeBody .filterGroup ul.selectIndividual {
        -moz-column-count: 1;
        -moz-column-gap: 20px;
        -webkit-column-count: 1;
        -webkit-column-gap: 20px;
        column-count: 1;
        column-gap: 20px;
    }
}