/* Background Images and Footer */
/* Theme Roller */
/* Background Images and Footer */
/* Theme Roller */

:root {
    --PrimaryColor: #00B2EB;
    --SecondaryColor: #666666;
}

/****** basics ******/

.HtmlFooter {
    display: none;
}

p:empty {
    margin-bottom: 0;
}

.HLHomePage .ContentUserControl,
.HLHomePage .ContentItemHtml,
.community-home .ContentUserControl,
.community-home .ContentItemHtml {
    margin-top: 20px;
    margin-bottom: 20px;
}

.HLHomePage .row:nth-last-child(2) .ContentUserControl,
.HLHomePage .row:nth-last-child(2) .ContentItemHtml {
    margin-bottom: 0;
}

.bg-image {
    background-size: cover;
    background-position: center;
}

.row-bg-grey {
    background-color: #f2f2f2;
}

#MPBottomMenu {
    padding: 0;
    margin: 0;
}

.label {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    padding: 3px 10px;
}

.label-default {
    background-color: #979797;
}

.interior #MainCopy_ContentWrapper {
    padding-top: 40px;
    padding-bottom: 100px;
}

.row-border-top {
    border-top: 2px solid #e8e8e8;
}

hr {
    border-top: 2px solid #e8e8e8;
}

.col-md-12.no-gutter {
    padding-left: 0;
    padding-right: 0;
}

body {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

#event-additional-details-container {
    overflow-wrap: normal !important;
    word-wrap: normal !important;
}

/*** fonts ***/

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}

body {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    /*  line-height: 21px; */
    color: #484848;
}

h1,
.h1 {
    font-size: 50px;
    line-height: 66px;
}

h2,
.h2,
.HLLandingControl h2,
.HLLandingControl .heading h2,
.community-members .panel-title {
    /*text-transform: uppercase;*/
    padding: 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
}

h3.blogTitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
}

.home h2,
.home .h2,
.home .HLLandingControl h2,
.home .HLLandingControl .heading h2,
.event-list h2,
.community-home h2,
.community-members .panel-title {
    border-bottom: 2px solid #e8e8e8;
}

.home h2 span,
.community-home h2 span,
.community-members .panel-title span {
    position: relative;
    display: inline-block;
    line-height: 32px;
}

.home h2 span::after,
.community-home h2 span::after,
.community-members .panel-title span::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

h3,
.h3,
.HLLandingControl h3 a {
    font-size: 20px;
    line-height: 26px;
}

h4,
.h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
}

.home .HLLandingControl li {
    list-style: none;
}

/*** transitions ***/
/* a,
a:hover,
a:focus,
button,
button:hover,
button:focus,
input,
input:hover,
input:focus,
.HLEventList .date-block,
.HLEventList li,
.HLEventList li:hover,
.HLEventList li:focus,
.HLEngagement li,
.HLEngagement li:hover,
.HLEngagement li:focus {
    transition: .3s;
}
*/

/*** panels ***/
.panel-body {
    padding: 20px;
}

#ProfileContainer .panel {
    border-radius: 10px;
    border: none;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
}

/*** forms ***/
div[id*="MessageTable"].form-horizontal .form-group {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
    margin-left: 0;
    margin-right: 0;
}


div[id*="MessageTable"].form-horizontal .form-group:first-child,
div[id*="MessageTable"].form-horizontal .form-group:nth-child(2),
div[id*="MessageTable"].form-horizontal .form-group:nth-child(3),
div[id*="MessageTable"].form-horizontal .form-group:nth-child(4),
div[id*="MessageTable"].form-horizontal .form-group:nth-child(5) {
    flex-basis: 50%;
    margin-right: 0;
    margin-left: 0;
}

/* div[id*="MessageTable"].form-horizontal .form-group:first-child .col-md-2,
div[id*="MessageTable"].form-horizontal .form-group:nth-child(2) .col-md-2,
div[id*="MessageTable"].form-horizontal .form-group:nth-child(3) .col-md-2,
div[id*="MessageTable"].form-horizontal .form-group:nth-child(4) .col-md-2,
div[id*="MessageTable"].form-horizontal .form-group:nth-child(5) .col-md-2 {
    width: 25%;
} */

div[id*="MessageTable"].form-horizontal .form-group:first-child .col-md-5,
div[id*="MessageTable"].form-horizontal .form-group:nth-child(2) .col-md-5,
div[id*="MessageTable"].form-horizontal .form-group:nth-child(3) .col-md-5,
div[id*="MessageTable"].form-horizontal .form-group:nth-child(4) .col-md-5,
div[id*="MessageTable"].form-horizontal .form-group:nth-child(5) .col-md-5 {
    width: 91.66%;
}

div[id*="MessageTable"].form-horizontal .col-md-offset-2.col-md-10 {
    width: 100%;
    margin-left: 0;
}

div[id*="MessageTable"].form-horizontal .col-md-2 {
    width: 8.333%;
}

/*** alert boxes ***/
.alert-warning,
.alert-success,
.ideation-home .alert.alert-success,
.ideation-detail .alert.alert-success {
    background-color: #f9f9f9;
    border-color: #f5f5f5;
}

/*** hiding community counts ***/
.Count,
#LibaryEntryCountDiv,
span[id*="ShowingLabel"] {
    display: none;
}

/*** default icons ***/
.glyphicon-search,
.glyphicon-envelope,
.glyphicon-list-alt,
.glyphicon-pencil {
    width: auto;
    top: 0;
}

.glyphicon-search::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f002";
}

.glyphicon-envelope::before {
    font-family: FontAwesome;
    content: "\f0e0";
}

.glyphicon-list-alt::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0ca";
}

.glyphicon-pencil::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f304";
    font-weight: 900;
}

.glyphicon-tags::before {
    font-family: FontAwesome;
    content: "\f02b";
}

/*** dropdowns ***/
select.form-control {
    border-color: #dbdbdb;
    box-shadow: none;
    font-size: 14px;
    line-height: 16px;
    color: #000;
}

.form-control .btn {
    height: 34px;
}

/* carets */
.bootstrap-select.btn-group .dropdown-toggle .caret {
    margin-top: 0;
    transform: translateY(-50%);
}

/*** tags ***/
.hltags .tagit-choice.ui-widget-content.ui-state-default.ui-corner-all.tagit-choice-editable,
a.label.label-search-tag,
.faceted-search-main .fs-result-row a.label.label-search-tag {
    padding: 3px 6px;
    background-color: #f9f9f9;
    border-color: #f9f9f9;
    color: #383a3b;
}

.content-tags .glyphicon.glyphicon-user {
    color: #383a3b;
}

.hltags .tagit-choice.ui-widget-content.ui-state-default.ui-corner-all.tagit-choice-editable {
    padding: 3px 23px 3px 6px;
}

.hltags ul.tagit input[type="text"] {
    text-decoration: underline;
    font-size: 14px;
    line-height: 16px;
}

.hltags ul.tagit input[type="text"]::placeholder {
    text-decoration: underline;
}

.faceted-search-main .glyphicon-tags::before {
    color: #797979;
}

/*** round profile images ***/
.Welcome .imgButton.btn,
a[id*="ProfileImage"]:not([id*="NameLink"]),
a[id*="UserImageDisplay"],
a[id*="Contacts_PictureLink"],
a[id*="lnkDisplay"],
a[id*="Welcome_Details_ProfileLink"],
.list-group-item-image,
a[title="User Name Image"],
a[oldtitle="User Name Image"],
.member-dashboard-img a,
.dashboard-col-3 ul li .col-sm-2 a,
.HLEngagement .Picture a,
td.ProfilePic>a {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background-color: #d8d9db;
    display: inline-block;
    width: 45px;
    height: 45px;
}

.Welcome .imgButton.btn {
    background-color: #fff;
}

.list-group-item-image {
    width: 40px;
    height: 40px;
}

.list-group-item-nochild .list-group-item-image {
    width: 20px;
    height: 20px;
}

.Welcome button.btn-default.btn.imgButton {
    width: 30px;
    height: 30px;
    min-height: 30px;
    border: none;
    margin-left: 10px;
}

.text-muted-h2 a[id*="ImageControl_lnkDisplay"] {
    width: 140px;
    height: 140px;
    background: #f9f9f9;
}

.HLEngagement .Picture a {
    width: 50px;
    height: 50px;
}

a[id*="Welcome_Details_ProfileLink"] {
    width: 60px;
    height: 60px;
}

.imgButton img,
a[id*="ProfileImage"] img,
a[id*="UserImageDisplay"] img,
a[id*="Contacts_PictureLink"] img,
a[id*="lnkDisplay"] img,
a[id*="Welcome_Details_ProfileLink"] img,
.list-group-item-image img,
a[title="User Name Image"] img,
a[oldtitle="User Name Image"] img,
.member-dashboard-img img,
.dashboard-col-3 ul li .col-sm-2 a img,
.HLEngagement .Picture a img,
td.ProfilePic>a>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 100% !important;
    width: auto;
}

.member-directory .member-picture {
    text-align: center;
}

/*** Make Buttons ***/

.make-buttons em a,
.summary-edit em a,
.JoinLeaveLink a[id*="lbJoin"] {
    display: inline-block;
    padding: 9px 12px;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    font-style: normal;
    text-decoration: none;
    /*text-transform: uppercase; */
    line-height: 16px;
    border: 0;
    letter-spacing: 1px;
}

.btn.btn-delete,
.member-directory .actions .btn:last-of-type {
    background-color: #d9534f;
    border-color: #d9534f;
    color: #fff;
}

.btn.btn-default {
    background-color: #f5f5f5;
    border-color: #dcdcdc;
}

.btn.btn-success,
.btn.btn-primary,
.btn.btn-default,
.btn.btn-delete,
.btn.btn-info {
    border-radius: 5px;
    font-size: 12px;
    /*text-transform: uppercase;*/
    letter-spacing: 1px;
}

.btn.btn-sm {
    font-size: 11px;
}

.make-buttons em a:hover,
.make-buttons em a:focus,
.btn:hover,
.btn:focus,
.slick-arrow:hover,
.slick-arrow:focus,
.change-theme button:hover,
.change-theme button:focus,
.change-theme.open button,
.summary-edit em a:hover,
.summary-edit em a:focus {
    opacity: 0.9;
}

.btn-sm+.btn-group-sm.dropdown-toggle {
    height: 28px;
}

/****** Header ******/

#MPheader {
    padding-top: 5px;
}

#MPheader>.row:first-child {
    position: relative;
    z-index: 30;
}

#MPheader>#Logo {
    position: relative;
    z-index: 20;
    float: left;
}

#NAV {
    position: relative;
    z-index: 10;
}

#MPOuterMost.full #MPOuterHeader #HEADER {
    max-width: 100%;
}

#MPimage {
    max-width: 1200px;
    margin: 0 auto;
}

/*** top text links ***/

#MPheader>.row:first-child>.col-md-12:first-child>.pull-right:last-child {
    float: left !important;
}

#MPAuxNav ul.level1 li a {
    border-right: 0;
    text-decoration: none;
    color: #505356;
    font-size: 13px;
    line-height: 17px;
    margin-right: 15px;
    padding: 0;
}

#MPAuxNav ul.level1 li a:hover,
#MPAuxNav ul.level1 li a:focus {
    text-decoration: underline;
}

/*** login/welcome ***/
#BtnShowProfile {
    display: none;
}

#Welcome_LoginLink {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    /*text-transform: uppercase;*/
    color: #fff;
    padding: 4px 10px;
    border-radius: 5px;
    border: none;
}

#Welcome_LoginLink:active {
    box-shadow: none;
}

/****EL - BEGIN Commented Out ****/

/* profile dropdown box */
/*
#ProfileContainer .progress,
#ProfileContainer a[id*="MessagesCount"] {
    display: none;
}

#ProfileContainer .panel-footer {
    background: transparent;
    border: none;
    padding-top: 0;
    padding-left: 100px;
    padding-right: 0;
    padding-bottom: 20px;
    text-align: left !important;
}
#ProfileContainer .panel-footer a[id*="logoutLink"] {
    padding: 10px 24px;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 1px;
}
#ProfileContainer .col-md-3,
#ProfileContainer .col-md-9 {
    padding: 0;
}
#ProfileContainer .panel-body > .row {
    margin: 0;
}
#ProfileContainer .panel-body > .row:first-child .col-md-3 {
    position: absolute;
    top: 20px;
    left: 20px;
}
#ProfileContainer .panel-body > .row:first-child .col-md-9 {
    margin-bottom: 10px;
}
#ProfileContainer .panel-body > .row .col-md-9 {
    padding-right: 0;
    padding-left: 80px;
}
#ProfileContainer .panel-body > .row .welcome-links {
    padding-left: 80px;
    padding-right: 0;
    text-align: left !important;
}
*/
/****EL - END Commented Out ****/

#ProfileContainer .welcome-links .btn {
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    padding: 7px 10px;
}

#ProfileContainer h4+div {
    font-size: 16px;
    line-height: 21px;
}

#ProfileContainer {
    border-radius: 10px !important;
    box-shadow: none !important;
}

/*** logo ***/
#Logo img {
    max-height: 55px;
}

#Logo img[src$="svg"] {
    max-height: 55px;
    width: 100%;
    max-width: 350px;
}

/*** login link ***/
#Welcome_LoginLink {
    margin-top: 2px;
}

/****EL - BEGIN Commented Out ****/

/*** search ***/
/*
#searchColumn {
    display: none;
}

.search-bar-top {
    float: right;
    width: 230px;
    margin-right: 20px;
}

.search-bar-top .SearchInputs,
.custom-search-form,
.search-bar .input-group {
    border-radius: 5px;
    border: 1px solid #ddd;
    background-color: #f7f8fa;
    overflow: hidden;
}
#searchColumn .SearchInputs {
    border: none;
    border-radius: 0;
    background-color: #fff;
}
.search-bar-top .form-control,
#searchColumn .form-control,
.custom-search-form .form-control,
#FacetedSearchInput {
    border: none;
    border-radius: 0;
    padding: 5px 10px;
    color: #828282;
    font-size: 14px;
    line-height: 16px;
    height: 26px;
    background: transparent;
    box-shadow: none;
}
#FacetedSearchInput {
    font-size: 16px;
    line-height: 19px;
    height: 34px;
}
#searchColumn .form-control {
    padding-left: 4px;
}
.search-bar-top .form-control::placeholder,
#searchColumn .form-control::placeholder,
.custom-search-form .form-control::placeholder,
#FacetedSearchInput::placeholder {
    font-style: normal;
}
.search-bar-top button[id*="SearchButton"],
#searchColumn button[id*="SearchButton"],
.custom-search-form a[id*="btnSearch"],
.search-bar .btnSearch {
    border: none;
    background: transparent;
    width: 26px;
    height: 26px;
    text-align: center;
    padding: 0;
}
.search-bar-top button[id*="SearchButton"]:active,
#searchColumn button[id*="SearchButton"]:active,
.custom-search-form a[id*="btnSearch"]:active,
.search-bar .btnSearch:active {
    box-shadow: none;
}
.search-bar-top .glyphicon-search,
#searchColumn .glyphicon-search,
.custom-search-form .glyphicon-search,
.search-bar .glyphicon-search {
    vertical-align: unset !important;
    font-size: 16px;
    line-height: 26px;
}
*/
/****EL - END Commented Out ****/

/* faceted search */
.faceted-search-main .text-muted,
.faceted-search-main .facets h2 {
    color: #383a3b;
}

.faceted-search-main .facets,
.faceted-search-main .meta-content {
    font-size: 15px;
    line-height: 18px;
    color: #484848;
}

.faceted-search-main .facets .facet-container h4 {
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 19px;
    color: #484848;
}

.faceted-search-main .fs-result-row h3 a {
    text-decoration: none;
    font-size: 20px;
    line-height: 23px;
}

.faceted-search-main .fs-result-row .match-block {
    color: #484848;
}

.hl-type {
    display: none;
}

.faceted-search-main .fs-result-row .owner-name {
    font-size: 15px;
    line-height: 18px;
}

.faceted-search-main .meta-block .owner-block {
    width: 25%;
    float: left;
}

.faceted-search-main .meta-block .owner-block+.owner-block {
    width: 75%;
    float: left;
    margin-bottom: 5px;
}

.faceted-search-main .meta-block .owner-block+div[style*="clear"] {
    display: none;
}

.faceted-search-main .fs-result-row .meta-content-date {
    color: #484848;
    font-size: 14px;
    line-height: 16px;
}

.owner-block+.owner-block {
    width: calc(100% - 60px);
    float: left;
    margin-bottom: 5px;
}

.faceted-search-main .fs-result-row .meta-content-date+.meta-content {
    margin-top: 15px;
}

.faceted-search-main .fs-result-row .meta-block {
    border-left: 2px solid #f4f4f4;
}

/* ideation search */
.ideation-home label[for*="searchAhead"],
.ideation-home label[for*="searchAhead"]+input {
    background-color: #f7f8fa;
    border: 1px solid #ddd;
    border-right: none;
    border-radius: 5px 0 0 5px;
}

.ideation-home label[for*="searchAhead"] {
    border-right: none;
    border-radius: 5px 0 0 5px;
}

.ideation-home .input-group label[for*="searchAhead"]+input.form-control {
    border-left: none;
    border-radius: 0 5px 5px 0;
    color: #828282;
    border-right: 1px solid #ddd;
    box-shadow: none;
}

.ideation-home label[for*="searchAhead"]+input::placeholder {
    font-style: normal;
}

.ideation-home .input-group label[for*="searchAhead"]+input.form-control:focus {
    outline: none;
}

.ideation-home>.row {
    font-size: 12px;
}

.ideation-home .ideation-filter-buttons .btn.btn-success {
    margin-bottom: 0;
}

/****EL - BEGIN Commented Out ****/

/*** theme changer ***/

/*
.change-theme {
    position: absolute;
    right: 0;
    top: 2px;
    z-index: 30;
}
.change-theme button {
    background: transparent;
   color: #484848;
   border-radius: 50px;
   border: 1px solid #f4f4f4;
   padding: 10px 20px;
   font-size: 12px;
   line-height: 12px;
   margin: 5px;
   box-shadow: 0px 0px 5px #f4f4f4;
}
.change-theme ul {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background: #fff;
    padding: 0;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
}
.change-theme.open ul {
    display: block;
}
.change-theme ul li {
    list-style-type: none;
}
.change-theme ul li:not(:last-child) a {
    border-bottom: 1px solid #f0f0f0;
}
.change-theme ul li a {
    text-decoration: none;
    text-transform: uppercase;
    padding: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #333;
    display: inline-block;
    min-width: 230px;
}
.change-theme ul li a::before {
    width: 12px;
    height: 12px;
    content: "";
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
    border-left-width: 6px;
    border-left-style: solid;
    border-right-width: 6px;
    border-right-style: solid;
    transform: translateY(1px);
}
.change-theme ul li:first-child a::before {
    border-left-color: #00B2EB;
    border-right-color: #666666;
}
.change-theme ul li:first-child a:hover,
.change-theme ul li:first-child a:focus {
    color: #666666;
}
.change-theme ul li:nth-child(2) a::before {
    border-left-color: #005483;
    border-right-color: #FA473B;
}
.change-theme ul li:nth-child(2) a:hover,
.change-theme ul li:nth-child(2) a:focus {
    color: #FA473B;
}
.change-theme ul li:nth-child(3) a::before {
    border-left-color: #4B3F72;
    border-right-color: #F2B715;
}
.change-theme ul li:nth-child(3) a:hover,
.change-theme ul li:nth-child(3) a:focus {
    color: #F2B715;
}
.change-theme ul li:nth-child(4) a::before {
    border-left-color: #474647;
    border-right-color: #F45D01;
}
.change-theme ul li:nth-child(4) a:hover,
.change-theme ul li:nth-child(4) a:focus {
    color: #F45D01;
}

*/
/****EL - END Commented Out ****/

/*** main nav ***/

/* hiding nav skip link */
.skiplinkholder a,
.skiplinkholder a:link,
.skiplinkholder a:visited {
    left: -500%;
    top: -250px;
}

.skiplinkholder a:focus,
.skiplinkholder a:active {
    left: 0;
    top: 0;
}

#MPOuterMost #NAV,
#NAV .navbar-default {
    background-color: transparent;
    border: none;
}

/* #NAV {
    position: absolute;
    right: calc(50% - 585px);
    top: 70px;
} 
#NAV .navbar-nav {
    float: right;
}*/
#NAV .navbar-default .navbar-nav>li>a,
#NAV .navbar-default .navbar-nav>.active>a,
#NAV .navbar-default .navbar-nav>.disabled>a {
    color: #505356;
    background-color: transparent;
    /*text-transform: uppercase;*/
    font-size: 14px;
    line-height: 16px;
    padding: 20px;
    font-weight: 500;
}

#NAV .navbar-default .navbar-nav>li>a:hover,
#NAV .navbar-default .navbar-nav>li>a:focus,
#NAV .navbar-default .navbar-nav>.active>a:hover,
#NAV .navbar-default .navbar-nav>.active>a:focus,
#NAV .navbar-default .navbar-nav>.disabled>a:hover,
#NAV .navbar-default .navbar-nav>.disabled>a:focus,
#NAV .navbar-default .navbar-nav>.open>a,
#NAV .navbar-default .navbar-nav>.open>a:hover,
#NAV .navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent;
}

.navbar-default .navbar-nav>.dropdown>a .caret,
.nav-tabs>li>a .caret,
.caret {
    border-top: none;
    border-bottom: none;
    width: auto;
    height: 14px;
    transform: translateY(-2px);
}

.navbar-default .navbar-nav>.dropdown>a .caret::before,
.nav-tabs>li>a .caret::before,
.caret::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f107";
    float: left;
}

/* dropdowns */
#NAV #MPButtonBar .dropdown-menu,
.dropdown-menu {
    border-radius: 0;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
    padding: 0;
    border: none;
    background: #fff;
}

#NAV .dropdown-menu>li:not(:last-child),
.dropdown-menu>li:not(:last-child) {
    border-bottom: 1px solid #f0f0f0;
}

#NAV #MPButtonBar .dropdown-menu>li>a,
#MPOuterMost .dropdown-menu>li>a {
    /*text-transform: uppercase;*/
    padding: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #333;
}

#NAV .dropdown-menu>li>a:hover,
#NAV .dropdown-menu>li>a:focus,
#NAV #MPButtonBar .dropdown-menu>li>a:hover,
#NAV #MPButtonBar .dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: transparent;
    text-decoration: underline !important;
}

#NAV #MPButtonBar .dropdown-menu .active>a,
#NAV #MPButtonBar li .dropdown-menu .active>a:hover,
#NAV #MPButtonBar .dropdown-menu .dropdown-submenu .active a:hover,
#NAV #MPButtonBar .dropdown-submenu .dropdown-submenu .active a:hover,
#MPOuterMost .dropdown-menu .active>a,
#MPOuterMost li .dropdown-menu .active>a:hover,
#MPOuterMost .dropdown-menu .dropdown-submenu .active a:hover,
#MPOuterMost .dropdown-submenu .dropdown-submenu .active a:hover {
    background-color: transparent;
}

/* third level nav */
.nav.navbar-nav .dropdown-submenu>ul.dropdown-submenu {
    margin-left: 10px;
    margin-top: -10px;
    padding-bottom: 10px;
}

ul.dropdown-submenu>li>a {
    display: block;
}

ul.dropdown-submenu>li>a:hover,
ul.dropdown-submenu>li>a:focus,
#NAV #MPButtonBar ul.dropdown-submenu>li>a:hover,
#NAV #MPButtonBar ul.dropdown-submenu>li>a:focus {
    background-color: transparent;
}

/* mobile toggle */
.navbar-toggle {
    border: none;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

/* removing extraneous padding on desktop */
@media (min-width: 768px) {
    #NAV .row {
        margin-left: 0;
        margin-right: 0;
    }

    #NAV .col-md-12,
    .navbar-collapse {
        padding: 0;
    }
}

/****** hero ******/
.home .hero {
    padding: 60px 40% 175px calc(50% - 585px);
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}

.hero h1,
.hero h2,
.hero h3,
.hero p {
    color: #fff;
}

.hero p {
    font-size: 20px;
    line-height: 26px;
}

.hero.make-buttons em a {
    margin-top: 30px;
}

.hero .HtmlContent {
    position: relative;
    z-index: 5;
}

.home .hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.75;
}

/****** top tiles ******/
.row-full+.row-wide.top-tiles,
.row-full+.row-wide .top-tiles>.top-tiles {
    margin-top: -100px;
    position: relative;
    /* z-index: 20; */
    z-index: 0;
}

@media (max-width: 992px) {
    .HLHomePage .top-tile {
        margin-top: 0;
    }
}

.top-tile {
    background: white;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #e8e8e8;
    display: block;
    color: #484848;
    text-decoration: none;
    text-align: center;
    position: relative;
}

.top-tile a {
    color: #484848;
    text-decoration: none;
    text-align: center;
}

.top-tile a:hover,
.top-tile a:focus {
    color: #484848;
}

.top-tile h2 {
    margin-top: 60px;
}

.top-tile h2,
.top-tile h2 span::after {
    border: none;
}

.top-tile em {
    font-style: normal;
    text-transform: none;
}

.top-tile img {
    height: 50px;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
}

/*** slick dots for mobile ***/
.top-tiles ul.slick-dots {
    bottom: -20px;
}

.top-tiles ul.slick-dots li button {
    display: none;
}

.top-tiles ul.slick-dots li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #c8c8c8;
}

/****** quick links ******/
.quick-link-container {
    border-radius: 10px;
    background: #f7f7f7;
    border: 1px solid #e8e8e8;
    padding: 20px;
    margin-bottom: 40px;
}

.quick-link.ContentItemHtml {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
}

.quick-link em a {
    display: block;
    font-size: 18px;
    line-height: 40px;
    padding: 10px 15px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.quick-link:last-child em a {
    margin-bottom: 0;
}

.quick-link em a::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 68px 50px 0;
    border-color: transparent rgba(255, 255, 255, 0.3) transparent transparent;
    position: absolute;
    top: 0;
    right: 0;
}

/* icons */

.quick-link.icon em a::before {
    font-family: "Font Awesome 5 Pro";
    font-size: 40px;
    margin-right: 25px;
    float: left;
    font-weight: 100;
}

.quick-link.icon.resources em a::before {
    content: "\f085";
}

.quick-link.icon.publications em a::before {
    content: "\f15c";
}

.quick-link.icon.directory em a::before {
    content: "\f2b9";
}

.quick-link.icon.sponsors em a::before {
    content: "\f559";
}

.quick-link.icon.join em a::before {
    content: "\f4c4";
}

.quick-link.icon.benefits em a::before {
    content: "\f005";
}

.quick-link.icon.jobs em a::before {
    content: "\f46d";
}

.quick-link.icon.events em a::before {
    content: "\f073";
}

.quick-link.icon.about em a::before {
    content: "\f05a";
}

.quick-link.icon.help em a::before {
    content: "\f059";
}

.quick-link.icon.login em a::before {
    content: "\f2f6";
}

.quick-link.icon.my-communities em a::before {
    content: "\f0c0";
}

.quick-link.icon.my-profile em a::before {
    content: "\f2bd";
}

.quick-link.icon.my-settings em a::before {
    content: "\f4fe";
}

.quick-link.icon.my-inbox em a::before {
    content: "\f658";
}

.quick-link.icon.share-resource em a::before {
    content: "\f1e0";
}

.quick-link.icon.post-discussion em a::before {
    content: "\f044";
}

.quick-link.icon.post-blog em a::before {
    content: "\f044";
}

/****** landing control buttons ******/
/* div[id*="BottomLink"] .col-md-12,
div[id*="More"] .col-md-12,
div[id*="pnlMoreLink"] {
    padding: 0;
    text-align: right;
}

div[id*="BottomLink"] .col-md-12,
div[id*="More"] .col-md-12,
div[id*="pnlMoreLink"] {
    padding: 0;
    text-align: right;
}
div[id*="BottomLink"] a.btn,
div[id*="More"] a.btn,
.home .HLRecentBlogs a[id*="BlogList_More"].btn,
.top-tile em {
    padding: 0;
    border: none;
    background: transparent;
    color: #555;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 16px;
}
div[id*="BottomLink"] a.btn:active,
div[id*="More"] a.btn:active {
    box-shadow: none;
}
div[id*="BottomLink"] a::after,
div[id*="More"] a::after,
.home .HLRecentBlogs a[id*="BlogList_More"]::after,
.top-tile em::after {
    font-family: FontAwesome;
    content: "\f0da";
    margin-left: 5px;
}
div[id*="BottomLink"] a:hover,
div[id*="BottomLink"] a:focus,
div[id*="More"] a:hover,
div[id*="More"] a:focus {
    background: transparent;
    border: none;
} */
.home .HLRecentBlogs a[id*="BlogList_More"]:hover,
.home .HLRecentBlogs a[id*="BlogList_More"]:focus {
    text-decoration: none;
    color: #555;
}

/****** landing controls ******/
.HLLandingControl.SearchResults ul li .row.title-row .col-sm-3.col-md-3.pull-right {
    display: none;
}

.HLLandingControl ul li .row.title-row .col-md-2,
.blogs-block .row.title-row .col-md-1 {
    width: 45px;
    margin-right: 10px;
    float: left;
    padding: 0;
}

.HLLandingControl ul li .row.title-row .col-md-10,
.HLLandingControl ul li .row.title-row .col-md-7,
.blogs-block .row.title-row .col-md-11 {
    width: calc(100% - 55px);
    /*float: left; */
    /* removed 09302020 - ptb*/
    padding: 0;
}

.home .col-md-8 .HLLandingControl ul li .row.title-row .col-md-7 {
    width: 100%;
}

.HLLandingControl ul:not(.dropdown-menu) li {
    border-bottom: 2px solid #f4f4f4;
    padding: 15px 0;
}

#MPOuterMost .HLLandingControl .ByLine,
#MPOuterMost .HLLandingControl h5 {
    color: #484848;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-top: 0;
    margin-bottom: 10px;
    display: inline-block;
}

.HLLandingControl:not(.HLEngagement) .ByLine:not(:empty)+h5:not(:empty) {
    padding-left: 5px;
    margin-left: 5px;
    border-left: 1px solid #484848;
}

.col-md-4 .HLLandingControl .ByLine:not(:empty) {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}

.col-md-4 .HLLandingControl h5 {
    display: none;
}

.HLLandingControl .no-data-container {
    margin-left: -15px;
    margin-right: -15px;
}

.ContentUserControl .HLLandingControl,
.HLLandingControl .Content,
.HLLandingControl .Content ul {
    padding: 0;
    border: none;
}

.HLLandingControl h2,
.HLLandingControl .heading h2 {
    margin: 0;
}

.home .col-md-4 .HLLandingControl ul li,
.home .bg-gray .HLLandingControl ul li,
.HLLandingControl.HLEventList .Content>.row>.col-md-12>ul li,
.home .HLLandingControl.HLEventList .Content>.row>.col-md-12>ul li {
    flex: 1;
    border: 1px solid #e8e8e8;
    padding: 20px;
    border-radius: 10px;
    margin: 15px;
    position: relative;
    color: #484848;
    background: #fff;
}

.community-home .HLLandingControl.HLEventList ul li {
    margin: 30px 0;
}

.HLLandingControl ol li,
.HLLandingControl ul li {
    margin-bottom: 0;
}

.HLLandingControl ol li:last-child,
.HLLandingControl ul li:last-child {
    margin-bottom: 10px;
}

.HLLandingControl .pull-right ul li {
    padding-bottom: 0;
    border-bottom: none;
}

/****** recent activity ******/
/* .home .col-md-8 .HLLandingControl ul li,
.community-home .HLLandingControl .has-profile-pic li {
    padding-left: 55px;
    position: relative;
}
.home .col-md-8 .HLLandingControl ul li .row.title-row,
.HLLandingControl ul.has-profile-pic li .row.title-row {
    position: relative;
}
.home .col-md-8 .HLLandingControl ul li .row.title-row .col-md-2,
.HLLandingControl ul.has-profile-pic li .row.title-row .col-md-2 {
    position: absolute;
    top: 0;
    left: -55px;
} */

/****** unanswered posts ******/
#sortOptionsContainer {
    display: none;
}

.home .col-md-4 .HLDiscussions ul li p[id*="ContentPanel"] {
    display: none;
}

.home .col-md-4 .HLDiscussions ul li {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding-bottom: 45px;
}

.home .col-md-4 .HLDiscussions a[id*="DiscussionList_More"] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 12px;
    background: #f7f7f7;
    color: #555;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.78px;
    /*text-transform: uppercase;*/
    text-align: center;
    font-weight: 500;
}

/****** blogs ******/
/* .home .HLRecentBlogs.HLLandingControl ul li {
    padding-bottom: 45px;
} */
.home .HLRecentBlogs .row.content-row>.col-md-12.no-pad {
    position: static;
}

.home .HLRecentBlogs a[id*="BlogList_More"] {
    position: absolute;
    bottom: 20px;
    left: 20px;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    color: #555;
}

.featured-section {
    display: flex;
    margin-top: 25px;
    margin-bottom: 20px;
}

.featured-section .featured-img {
    margin-top: 0;
}

.featured-img {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 33%;
    border-radius: 10px;
    box-shadow: 0 2px 2px 0 rgba(181, 181, 181, 0.5);
}

.featured-img .HtmlContent {
    padding: 0;
}

.featured-img img {
    width: 100%;
}

.featured-section ul {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(67% + 15px);
    display: flex;
    flex-wrap: wrap;
    margin: -15px -15px -15px 0;
}

.home .bg-gray .HLLandingControl .featured-section ul li {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(50% - 30px);
}

/****** events ******/
.HLEventList>.Content>.row>.col-md-12.no-pad>.pull-right {
    float: none !important;
    text-align: right;
    padding-right: 15px;
}

.HLEventList>.Content>.row>.col-md-12.no-pad>br {
    display: none;
}

.home .HLEventList {
    padding-left: 15px;
    padding-right: 15px;
}

.home .HLEventList .Content>.row>.col-md-12>ul {
    display: flex;
    flex-direction: row;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 20px;
}

.home #MainCopy_ContentWrapper>.row>div[class*="col-md-"]:not(.col-md-12) .HLEventList .Content>.row>.col-md-12>ul {
    flex-direction: column;
}

.home .HLEventList .pull-right:not(:empty) {
    margin-top: 10px;
}

.HLEventList ul li .col-md-2 {
    position: absolute;
    right: 20px;
    top: -20px;
}

.HLEventList ul li .col-md-10 {
    width: 100%;
}

.HLEventList ul li .row.title-row {
    width: calc(100% - 75px);
}

.HLEventList .timeAgoFormat {
    font-size: 14px;
    line-height: 18px;
    color: #484848;
    margin-bottom: 10px;
}

.HLEventList .timeAgoFormat::before {
    font-family: FontAwesome;
    content: "\f017";
    color: #828282;
    margin-right: 5px;
}

.HLLandingControl.HLEventList .title-row img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
}

/* date blocks */
.HLEventList .date-block {
    width: 70px;
    height: 65px;
    border-radius: 4px;
    position: relative;
    float: right;
}

.HLEventList .calendar-day {
    display: none;
}

.HLEventList .calendary-number {
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.HLEventList .calendar-month {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: 5px;
    left: 5px;
}

/****** most active members ******/
.home .bg-gray {
    background-color: #f2f2f2;
    padding: 40px 15px;
    border: none;
    margin-bottom: 0;
}

.home .bg-gray>div {
    max-width: 1170px;
    margin: 0 auto;
}

.home .HLEngagement ul.display-horizontal {
    margin: 5px 0;
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
}

.home .HLEngagement ul.display-horizontal .slick-list {
    width: 100%;
}

.home .HLEngagement ul.display-horizontal .slick-track {
    display: flex;
}

.home .HLEngagement ul.display-horizontal li {
    border: 1px solid #e8e8e8;
    margin: 15px;
    width: auto;
    min-width: 0;
    max-width: 100%;
    flex: 1;
    height: auto;
}

.home .HLEngagement .row.title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home .HLEngagement .Picture {
    width: 50px;
    margin-right: 10px;
    float: left;
}

.home .HLEngagement .Picture+.col-md-9 {
    width: calc(100% - 60px);
    float: left;
    padding: 0;
}

.home .HLEngagement .row.title-row .col-md-9 a {
    font-weight: 700;
    text-decoration: none;
    font-size: 16px;
    line-height: 21px;
}

.home .HLEngagement .points-label {
    font-weight: 700;
    /*text-transform: uppercase;*/
    font-size: 12px;
    line-height: 16px;
    padding: 2px 8px;
    border-radius: 5px;
}

.home .HLLandingControl.HLEngagement .ByLine {
    display: block;
    margin-bottom: 0;
}

/*** arrows ***/
.home .HLEngagement .slick-arrow {
    height: 36px;
    width: 36px;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    border: none;
    z-index: 20;
}

.home .HLEngagement .prev-arrow {
    left: 0;
    transform: translate(-150%, -50%);
}

.home .HLEngagement .next-arrow {
    right: 0;
    transform: translate(150%, -50%);
}

/***no-slick enabled (for Accessibility reasons)***/
.no-slick .HLEngagement .display-horizontal .active-user-row:nth-child(n + 5) {
    display: none;
}

/****** footer ******/
#MPFooterLink {
    display: none;
}

#MPOuterFooter {
    background-color: #00B2EB;
}

#MPOuterFooter {
    padding: 30px 15px 15px 15px;
    color: #e5e9eb;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    overflow: hidden;
}

#MPOuterFooter::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 400px 300px 0;
    border-color: transparent rgba(0, 0, 0, 0.2) transparent transparent;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

#FOOTER {
    z-index: 10;
}

#MPOuterFooter h2 {
    border: none;
    color: #fff;
    font-size: 16px;
    line-height: 21px;
    margin-top: 0;
    margin-bottom: 20px;
}

#MPOuterFooter h2 span::after {
    display: none;
}

#MPOuterFooter a {
    color: #fff;
    text-decoration: none;
}

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

.footer-logo img {
    max-height: 70px;
}

.footer-social-icons {
    margin-top: 25px;
}

.footer-social-icons a {
    color: #fff;
    font-size: 21px;
    margin-right: 30px;
    margin-top: 10px;
}

#FOOTER>.row:first-child {
    margin-bottom: 100px;
}

/* #FOOTER > .row:first-child > .col-md-12 {
    display: flex;
}
#FOOTER .ContentItemHtml {
    flex: 1;
}
#MPCopyright {
    float: left;
    text-align: left;
}
#MPFooter + .row {
    float: left;
}
.attribution {
    float: right;
} */
.footer-social {
    display: none;
}

/****** nav tabs ******/
.nav-tabs>li>a {
    /*text-transform: uppercase;*/
    padding: 8px 12px;
    font-size: 14px;
    line-height: 18px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #e8e8e8;
    font-weight: 500;
    background-color: #f9f9f9;
    transform: translateY(1px);
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
    background-color: #e8e8e8;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #484848;
    background-color: #fff;
}

/****** profile page ******/
.profile .text-muted {
    color: #484848;
}

.ProfileUserName {
    font-size: 40px;
    line-height: 40px;
    text-transform: none;
}

.profile a[id*="MessagesCount"] {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    /*text-transform: uppercase;*/
    padding: 5px 10px;
}

.profile a[id*="MessagesCount"] .glyphicon {
    font-size: 18px;
    line-height: 18px;
}

/* .profile > .row:first-child > .col-md-4 {
    border-radius: 10px;
    background-color: #f9f9f9;
    padding: 30px;
    box-shadow: 0 2px 4px 0 rgba(198,198,198,0.5), 0 2px 20px 0 rgba(206,206,206,0.5);
    margin-left: 15px;
    margin-right: 15px;
}
*/

/* widths for desktop */
/*
@media (min-width: 992px) {
    .profile > .row:first-child > .col-md-8 {
        width: 75%;
    }
    .profile > .row:first-child > .col-md-4 {
        width: calc(25% - 30px);
    }
}
*/
@media (min-width: 992px) and (max-width: 1200px) {

    .profile .col-md-8 .row,
    .profile .col-md-4 .row {
        margin-left: 0;
        margin-right: 0;
    }

    .profile .col-md-8 .col-md-12,
    .profile .col-md-4 .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
}

/*
.profile > .row:first-child > .col-md-4 .alert {
    padding: 0;
    border: none;
    background: transparent;
}
.profile > .row:first-child > .col-md-4 h2 {
    text-transform: none;
    font-size: 20px;
    line-height: 26px;
}
.profile > .row:first-child > .col-md-4 .btn-edit {
    border-color: #d9d9d9;
    font-size: 16px;
    line-height: 16px;
    padding: 2px;
}
.profile > .row:first-child > .col-md-4 .btn-default.dropdown-toggle {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.86px;
    color: #979797;
    background: #fff;
    border-color: #d9d9d9;
    padding: 6px;
}
*/
.profile>.row:first-child>.col-md-3 .alert {
    padding: 0;
    border: none;
    background: transparent;
}

.profile>.row:first-child>.col-md-3 h2 {
    text-transform: none;
    font-size: 20px;
    line-height: 26px;
}

.profile>.row:first-child>.col-md-3 .btn-edit {
    border-color: #d9d9d9;
    font-size: 16px;
    line-height: 16px;
    padding: 2px;
}

.profile>.row:first-child>.col-md-4 .btn-default.dropdown-toggle {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.86px;
    color: #979797;
    background: #fff;
    border-color: #d9d9d9;
    padding: 6px;
}

.profile a[id*="EmailAddress"] {
    overflow-wrap: break-word;
}

.profile #BreadCrumb {
    display: none;
}

.profile h2 {
    color: #484848;
}

/* communities tab */
.profile div[id*="AllCommunitiesContainer"] {
    border-top: none;
}

.profile a[id*="AllCommunities"].btn.btn-default {
    color: #fff;
}

/* following tab */
.profile .contributions-list-header .dropdown-toggle.btn.btn-default {
    text-transform: none;
    background: transparent;
    color: #000;
    letter-spacing: 0;
    border: 2px solid #dbdbdb;
    font-size: 16px;
    line-height: 19px;
}

.followed-content-results .followed-content-item.row {
    padding: 20px 0;
    margin: 0;
    border-top: 2px solid #f4f4f4;
}

.followed-content-results .followed-content-item td.ProfilePic {
    padding: 0 30px 0 0;
}

.followed-content-results .followed-content-item .ProfilePic+td>div:not(:last-child) {
    margin-bottom: 10px;
}

/****** interior page headings ******/
.page-bg {
    display: none;
}

#PageTitleH1 {
    color: #fff;
    max-width: 100%;
    padding: 90px calc(50% - 585px);
    position: relative;
    background-position: center;
    background-size: cover;
    z-index: 1;
}

#PageTitleH1::after {
    content: "";
    position: absolute;
    left: calc(50% - 585px);
    bottom: 85px;
    width: 30px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
}

#PageTitleH1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.75;
    z-index: -1;
}

#MPOuterMost.full #BreadCrumb {
    max-width: 100%;
    background-color: #f9f9f9;
}

.breadcrumb {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 16px;
    background: transparent;
}

.breadcrumb>li+li:before {
    color: #484848;
}

/****** blogs ******/
.blogs-block {
    border-top: 2px solid #e8e8e8;
    padding: 20px 0;
    position: relative;
}

.blogs-block div[class*="col-md-"],
.blogs-block .row.content-row {
    padding: 0;
}

.blogs-block .title-row .col-md-8 {
    padding-right: 15px;
}

.blogs-block .row {
    margin: 0;
}

div[id*="BlogContents"] {
    padding-left: 15px;
    padding-right: 15px;
}

.blogs-block div[id*="ThreadFollowIcon"] {
    display: none;
}

.blogs-block h4 div[id*="ByLinePanel"] {
    letter-spacing: 0;
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #484848;
}

.blogs-block h4 div[id*="ByLinePanel"] a {
    text-decoration: underline;
}

div[id*="TotalRatingLikePanel"] {
    color: #797979;
}

div[id*="TotalRatingLikePanel"]::before {
    font-family: FontAwesome;
    content: "\f164";
    margin-right: 10px;
}

/*** blog entry page ***/
#followingIcon {
    margin-top: 1px;
}

#followingIcon.fas::before {
    content: "\f205";
}

#followingIcon.fal::before {
    content: "\f204";
}

.blogs-block div[id*="StatsContainer"] {
    background: #f9f9f9;
    border-radius: 5px;
    padding: 10px;
}

.blogs-block hr {
    display: none;
}

a[id*="backButton"].btn.btn-default.btn-back {
    padding: 0;
    border: none;
    background: transparent;
    text-transform: none;
    text-decoration: underline;
    font-size: 14px;
    line-height: 16px;
}

a[id*="backButton"] i {
    display: none;
}

a[id*="backButton"]:active {
    box-shadow: none;
}

.ContentUserControl>.blogs-block {
    margin-top: 45px;
}

.blogs-block div[id*="BackButtonContainer"] {
    position: absolute;
    left: 0;
    top: -40px;
}

.blogs-block>div[id*="UpdatePanel"]>.row.margin-bottom-medium:first-child>.col-md-8,
.blogs-block>div[id*="UpdatePanel"]>div[id*="TitleContainer"]+.row.margin-bottom-medium>.col-md-8 {
    position: static;
}

.blogs-block>div[id*="UpdatePanel"]>.row.margin-bottom-medium:first-child>.col-md-8 .dropdown-multi-option,
.blogs-block>div[id*="UpdatePanel"]>div[id*="TitleContainer"]+.row.margin-bottom-medium>.col-md-8 .dropdown-multi-option {
    position: absolute;
    right: 0;
    top: -45px;
}

/****** events page ******/
div[id*="upEventList"]>.row-border-bottom,
div[id*="upEventList"]>.row-border-bottom .row-border-bottom {
    border: none;
}

.event-list h2 {
    margin: 0;
}

.event-list h3 a {
    font-size: 20px;
    line-height: 23px;
    text-decoration: none;
    margin-bottom: 10px;
}

.event-list-item {
    margin-left: 0;
    border-top: 2px solid #f4f4f4;
    border-bottom: none;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 35px;
}

h2+.event-list-item {
    border-top: none;
}

.event-dates {
    font-size: 16px;
    line-height: 19px;
}

.event-dates .text-muted {
    color: #484848;
}

/****** all communities list ******/
span[id*="imgIsMember"] {
    float: right;
}

div[id*="pnlAttributes"] .btn-community-stats-static {
    text-transform: none;
    color: #484848;
    font-size: 12px;
    line-height: 14px;
    border-color: #f4f4f4 !important;
    background: #fff;
    border-radius: 2px;
    border-width: 2px;
    letter-spacing: 0;
}

div[id*="pnlAttributes"] .btn-community-stats-static:not(:first-child) {
    margin-left: 10px;
}

div[id*="pnlAttributes"] .btn-community-stats-static[id*="CommunityDocumentsCount"] {
    display: none;
}

.community-list {
    display: flex;
}

.community-list>.col-md-7 {
    padding-left: 0;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 58.3333333333%;
}

.community-list>.col-md-5 {
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 41.66666666667%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.community-list,
.community-list+.pagination {
    border-top: 2px solid #e8e8e8;
    border-bottom: none;
    padding: 20px 0;
    margin: 0;
}

div[id*="CommunityOptionHeader"]+.row {
    margin-bottom: 15px;
}

.community-list .content-tags {
    margin-bottom: 0;
}

.community-list p[id*="StatLastJoined"] span {
    /* margin-left: -6px; */
    font-style: italic;
    color: #484848;
    font-size: 14px;
    line-height: 18px;
}

.community-list div[id*="pnlAttributes"],
.community-list div[id*="pnlEnterJoin"] {
    margin-left: 0;
    margin-right: 0;
}

/****** library page ******/
.library-list>.col-md-2 {
    width: 45px;
    margin-right: 15px;
    float: left;
    padding-left: 0;
}

.library-list>.col-md-10 {
    width: calc(100% - 60px);
    float: left;
    padding-right: 0;
}

.libListReptEntAttchLble {
    border-bottom: 2px solid #f4f4f4;
}

div[id*="DocumentPanel"] .Content>.row>.col-md-4 {
    padding-left: 0;
}

div[id*="DocumentPanel"] .Content>.row>.col-md-8 {
    padding-right: 0;
    margin-bottom: 20px;
}

div[id*="DocumentPanel"] .btn-group .dropdown-toggle {
    text-transform: none;
    background: #fff;
    color: #000;
    font-size: 16px;
    line-height: 19px;
    border: 1px solid #dbdbdb;
    padding: 5px 55px 5px 15px;
}

div[id*="DocumentPanel"] .btn-group .dropdown-toggle .caret {
    transform: translateY(-50%);
    margin-top: 0;
}

.library-list div[id*="PostedByPanel"] {
    font-size: 14px;
    line-height: 16px;
}

/****** discussions ******/
#MPOuterMost .Container thead .Header td,
#MPOuterMost th,
#MPOuterMost .ListContainer .ListHeader,
#MPOuterMost .drItemSubHeader,
#MPOuterMost .table-thead-background tr th,
#MPOuterMost .table-thead-background tr td {
    background-color: #f9f9f9;
    color: #383a3b;
    font-weight: 500;
    /*text-transform: uppercase;*/
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 16px;
}

div[id*="MessagePanel"]>.row-border-bottom {
    border-bottom: none;
}

.table thead>tr>th {
    border-bottom: none;
    border-top: none;
}

table tbody>tr>td {
    border-top: 2px solid #f4f4f4;
}

table tbody>tr:first-child>td {
    border-top: none;
}

/*
a[id*="MessageThreadSummary"] {
    text-decoration: none;
}
*/

/****** member directory ******/
.member-directory a[id*="Contacts_DisplayName"] {
    font-weight: 700;
}

div[id*="DisplayContacts"] input[id*="BackTop"].btn.btn-default {
    text-transform: none;
    padding: 0;
    border: none;
    text-decoration: underline;
    letter-spacing: 0px;
    font-size: 14px;
    line-height: 16px;
    background: transparent;
}

div[id*="DisplayContacts"] input[id*="BackTop"].btn.btn-default:active {
    box-shadow: none;
}

.member-directory .member-row .actions {
    float: right;
}

.member-directory .actions .btn {
    color: #fff;
    padding: 8px 12px !important;
    font-size: 14px;
    line-height: 16px;
}

/****** community homepage ******/
.HLLandingControl .no-data-container {
    margin-top: 20px;
}

.summary-edit {
    border: 1px solid #c8c8c8;
    border-radius: 10px;
    padding: 20px;
}

/*
.summary-edit .Content {
    display: flex;
}
.summary-edit .img-container {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 33%;
}
.summary-edit .text-container {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 67%;
    padding-left: 20px;
}
.summary-edit .img-container,
.summary-edit .text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.summary-edit h1,
.summary-edit h2,
.summary-edit h3 {
    margin-top: 0;
    margin-bottom: 10px;
}
.summary-edit h1 {
    font-size: 40px;
    line-height: 40px;
}*/
.commHTMLOptionsToAttach>h2 {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.commHTMLOptionsToAttach>h2>span {
    display: none;
}

.commHTMLOptionsToAttach .summary-edit {
    margin-bottom: 30px;
}

.summary-edit .JoinLeaveLink a[id*="lbJoin"] {
    padding: 9px 12px;
}

.JoinLeaveLink a[id*="lbJoin"] {
    position: absolute;
    top: 50%;
    right: calc(50% - 585px);
    transform: translateY(-50%);
}

/* community members */
.community-members .panel,
.community-members .panel-heading,
.community-members .panel-body {
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    background: transparent;
}

.community-members .panel-title {
    margin-bottom: 25px;
}

.community-members span[id*="MemberCountLink"] {
    font-size: 14px;
    line-height: 34px;
}

.community-members .panel.panel-default.panel-member {
    padding: 10px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
}

.community-members .GroupMemberName {
    font-size: 14px;
    line-height: 16px;
}

span.label.label-admin {
    /*text-transform: uppercase;*/
    opacity: 1;
    font-size: 10px;
}

/****** ideation ******/
.ideation-vote span.badge.badge-default.active.background-#00B2EB {
    color: #fff;
}

.ideation-vote span.badge.badge-default.active.up:hover,
.ideation-vote span.badge.badge-default.active.background-#00B2EB:hover {
    color: #fff;
    opacity: 0.9;
}

.ideation-vote .badge.badge-default {
    transition: 0.3s;
}

.ideation-vote .badge.badge-default:hover,
.ideation-vote .badge.badge-default:focus {
    transition: 0.3s;
}

.ideation-home .ideation-filter .ideation-filter-buttons {
    width: auto;
}

.ideation-home .pagination-container {
    border-top: none;
}

/****** responsiveness ******/
@media (min-width: 1230px) {
    .community-home .row-wide>div[class*="col-md-"]:first-child {
        padding-left: 0;
    }

    .community-home .row-wide>div[class*="col-md-"]:last-child {
        padding-right: 0;
    }
}

@media (max-width: 1370px) {
    .home .HLEngagement .Content .display-horizontal {
        width: calc(100% - 135px);
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1230px) {
    .community-home .section1.col-md-12 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .commHTMLOptionsToAttach>.row>.col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 1200px) {
    #BreadCrumb.BreadCrumb {
        padding-left: 0;
        padding-right: 0;
    }

    #HEADER>.col-md-12,
    #FOOTER {
        padding-left: 0;
        padding-right: 0;
    }

    .home .hero {
        padding-left: 30px;
        padding-right: 30px;
    }

    #PageTitleH1 {
        padding-left: 15px;
        padding-right: 15px;
    }

    #NAV {
        right: 0;
    }

    .profile>.row:first-child>.col-md-4 {
        padding: 15px;
    }

    #PageTitleH1::after {
        left: 15px;
    }

    .community-members .dsItem>.row>.col-md-12,
    .community-members .row-bottom-margin>.col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .JoinLeaveLink a[id*="lbJoin"] {
        right: 15px;
    }
}

@media (min-width: 769px) and (max-width: 1200px) {
    .community-members .panel-body .row-bottom-margin {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media (max-width: 992px) {
    .row-wide div[class*="section"] {
        padding-right: 15px;
        padding-left: 15px;
       
    }

    .home .HLEventList {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 991px) {
    #MPOuterFooter {
        padding-left: 0;
        padding-right: 0;
    }

    .featured-section ul,
    .home .HLEventList ul,
    .home .HLEngagement ul,
    #FOOTER>.row>.col-md-12 {
        flex-wrap: wrap;
    }

    .home .bg-gray .HLLandingControl .featured-section ul li,
    .home .HLLandingControl.HLEventList .Content>.row>.col-md-12>ul li,
    .home .HLEngagement ul.display-horizontal li {
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: calc(100% - 30px);
    }

    #FOOTER>.row:first-child .ContentItemHtml {
        flex-basis: 50%;
        margin-bottom: 20px;
    }

    #FOOTER>.row:first-child {
        margin-bottom: 0;
    }

    #NAV {
        position: relative;
        right: auto;
        top: auto;
    }

    div[id*="CommunityFilter"] .form-group {
        display: block;
        margin-bottom: 15px;
    }

    div[id*="pnlFindContacts"] .form-group,
    div[id*="MessageTable"].form-horizontal .form-group:first-child,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(2),
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(3),
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(4),
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(5) {
        flex-basis: 100%;
    }

    div[id*="pnlFindContacts"] .col-md-2,
    div[id*="MessageTable"].form-horizontal .form-group:first-child .col-md-2,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(2) .col-md-2,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(3) .col-md-2,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(4) .col-md-2,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(5) .col-md-2 {
        width: 25%;
        float: left;
    }

    div[id*="pnlFindContacts"] .col-md-10,
    div[id*="MessageTable"].form-horizontal .form-group:first-child .col-md-5,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(2) .col-md-5,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(3) .col-md-5,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(4) .col-md-5,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(5) .col-md-5 {
        width: 75%;
        float: left;
    }

    .community-members select.form-control {
        margin-bottom: 10px;
    }

    .community-members>.row>.col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .summary-edit .Content {
        flex-wrap: wrap;
    }

    .summary-edit .img-container,
    .summary-edit .text-container {
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: 100%;
        display: block;
    }

    .summary-edit .img-container img {
        margin-left: auto;
        margin-right: auto;
    }

    .summary-edit .text-container {
        padding-left: 0;
    }

    .summary-edit .img-container+.text-container {
        padding-top: 20px;
    }

    div[id*="FindContactsPanel"] .col-md-offset-2.col-md-10,
    div[id*="MessageTable"] .col-md-offset-2.col-md-10 {
        margin-left: 0;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .full .row-full div[class*="section"] {
        padding-left: 0;
        padding-right: 0;
    }

    .home .hero {
        padding-left: 30px;
        padding-right: 30px;
    }

    #HEADER {
        padding-left: 10px;
        padding-right: 10px;
    }

    .featured-img {
        display: none;
    }

    .featured-section ul {
        flex-basis: 100%;
    }

    .home .bg-gray .HLLandingControl .featured-section ul li {
        flex-basis: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    #MPOuterFooter {
        padding-left: 15px;
        padding-right: 15px;
    }

    .home .HLEngagement .Content {
        max-width: calc(100% - 75px);
    }

    .home .HLEngagement .prev-arrow {
        transform: translate(-100%, -50%);
    }

    .home .HLEngagement .next-arrow {
        transform: translate(100%, -50%);
    }

    .community-list {
        flex-wrap: wrap;
    }

    .community-list>.col-md-7,
    .community-list>.col-md-5 {
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: 100%;
    }

    span[id*="imgIsMember"] {
        float: left;
    }

    .community-list div[id*="pnlAttributes"] .pull-right,
    .community-list div[id*="pnlEnterJoin"] .pull-right {
        float: left !important;
    }

    .community-members .col-md-2.col-sm-4.col-xs-6.text-center {
        padding-left: 15px;
        padding-right: 15px;
    }

    .JoinLeaveLink a[id*="lbJoin"] {
        position: relative;
        top: auto;
        right: auto;
        transform: none;
    }
}

@media (max-width: 767px) {
    #searchColumn {
        display: block;
    }

    /****EL - BEGIN Commented Out ****/
    /*
    .search-bar-top {
        display: none;
    }
    */
    /****EL - END Commented Out ****/
    #NAV {
        margin-top: -50px;
    }

    #NAV .navbar-nav {
        float: none;
    }

    .navbar-default .navbar-nav>li>a,
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.disabled>a {
        padding: 10px 20px;
    }

    .dropdown-menu>li:not(:last-child) {
        border-bottom: none;
    }

    .navbar-default .navbar-nav>li>a {
        border-top: 1px solid #f0f0f0;
    }

    .nav .open>a,
    .nav .open>a:hover,
    .nav .open>a:focus {
        border-color: #f0f0f0;
    }
}

@media (max-width: 550px) {
    .HLLandingControl:not(.HLEngagement) .ByLine:not(:empty) {
        padding-right: 0;
        margin-right: 0;
        border-right: none;
    }

    .HLLandingControl h5 {
        display: none;
    }

    #FOOTER>.row:first-child .ContentItemHtml {
        flex-basis: 100%;
    }

    #MPFooter+.row,
    #FOOTER #MPCopyright,
    #FOOTER .attribution {
        float: none;
        text-align: left;
    }

    .HLLandingControl ul:not(.dropdown-menu) li {
        padding: 15px 0;
    }

    /*.HLLandingControl ul li .row.title-row .col-md-2 {
        width: 26px;
    } */
    /* removed 09302020 ptb */
    .HLLandingControl ul li .row.title-row .col-md-10,
    .HLLandingControl ul li .row.title-row .col-md-7 {
        width: calc(100% - 36px);
    }

    .home .col-md-8 .HLLandingControl ul li {
        padding-left: 35px;
    }

    /* .home .col-md-8 .HLLandingControl ul li .row.title-row .col-md-2 {
        width: 26px;
        left: -35px;
    } */

    .home .col-md-8 .HLLandingControl ul li .row:not(.title-row) {
        display: none;
    }

    /* .home .HLLandingControl ul li a[id*="lnkDisplay"] {
        width: 26px;
        height: 26px;
    }
 */
    h1,
    .h1 {
        font-size: 30px;
        line-height: 35px;
    }

    .home .hero {
        padding-top: 50px;
        padding-bottom: 165px;
    }

    .quick-link.icon em a::before {
        font-size: 20px;
        margin-right: 10px;
    }

    .home .col-md-4 .HLLandingControl ul li,
    .home .bg-gray .HLLandingControl ul li,
    .HLLandingControl.HLEventList .Content>.row>.col-md-12>ul li {
        padding: 15px;
    }

    .home .HLRecentBlogs.HLLandingControl ul li,
    .home .col-md-4 .HLDiscussions ul li {
        padding-bottom: 40px;
    }

    .HLEventList ul li .col-md-2 {
        top: 15px;
        right: 15px;
    }

    /*  .quick-link-container {
        margin-left: -15px;
        margin-right: -15px;
        border-radius: 0;
        padding: 15px;
    } */
    .footer-logo img {
        max-height: 40px;
    }

    .ItemRatingCommentPanel {
        display: none;
    }
}

@media (max-width: 480px) {
    .Welcome ul {
        width: 300px;
    }

    a[id*="Welcome_Details_ProfileLink"] {
        width: 40px;
        height: 40px;
    }

    #ProfileContainer .panel-body>.row .col-md-9,
    #ProfileContainer .panel-body>.row .welcome-links {
        padding-left: 60px;
    }

    #ProfileContainer .panel-footer {
        padding-left: 70px;
    }

    .rowContainer.community-list div.pull-right.margin-top-small a.btn {
        width: auto;
    }

    div[id*="pnlFindContacts"] .col-md-2,
    div[id*="MessageTable"].form-horizontal .form-group:first-child .col-md-2,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(2) .col-md-2,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(3) .col-md-2,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(4) .col-md-2,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(5) .col-md-2 {
        width: 100%;
        text-align: left;
        float: none;
    }

    div[id*="pnlFindContacts"] .col-md-10,
    div[id*="MessageTable"].form-horizontal .form-group:first-child .col-md-5,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(2) .col-md-5,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(3) .col-md-5,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(4) .col-md-5,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(5) .col-md-5 {
        width: 100%;
        float: none;
    }

    .community-members .col-md-2.col-sm-4.col-xs-6.text-center {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

/************ Color Picker Specifics ************/

/****** basics ******/
h2,
.h2 {
    color: #00B2EB;
}

h2 span::after,
.panel-title span::after {
    border-bottom-color: #666666;
}

h3,
.h3,
.HLLandingControl h3 a {
    color: #00B2EB;
}

h4,
.h4 {
    color: #00B2EB;
}

.HLLandingControl h4,
.HLEngagement h3 {
    color: #00B2EB;
}

a {
    color: #00B2EB;
}

a:hover,
a:focus {
    color: #666666;
}

.alert-warning {
    color: #00B2EB;
}

.hltags ul.tagit input[type="text"]::placeholder {
    color: #666666;
}

/*** buttons ***/
.make-buttons em a,
.btn.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success,
div[id*="ExportUpdatePanel"] input.btn.btn-default,
div[id*="ExportUpdatePanel"] input.btn.btn-default:hover,
div[id*="ExportUpdatePanel"] input.btn.btn-default:focus,
.profile a[id*="AllCommunities"].btn.btn-default {
    background-color: #666666;
    border-color: #666666;
    color: #fff;
}

.hero-make-buttons em a,
.btn.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-primary,
.btn.btn-default[id*="btnDownload"],
.member-directory .actions .btn:first-of-type {
    background-color: #00B2EB;
    border-color: #00B2EB;
    color: #fff;
}

/****EL - BEGIN Commented Out ****/
/* .btn.btn-default,
a[id*="backButton"].btn.btn-default.btn-back {
    color: #00B2EB;
} */
/****EL - BEGIN Commented Out ****/

div[id*="BottomLink"] a:hover,
div[id*="BottomLink"] a:focus,
div[id*="More"] a:hover,
div[id*="More"] a:focus,
.home .HLRecentBlogs a[id*="BlogList_More"]:hover,
.home .HLRecentBlogs a[id*="BlogList_More"]:focus,
a[id*="backButton"].btn.btn-default.btn-back:hover,
a[id*="backButton"].btn.btn-default.btn-back:focus {
    color: #666666;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
    background-color: #666666;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background-color: #00B2EB;
}

/****** header ******/

/*** login ***/
#Welcome_LoginLink {
    background-color: #00B2EB;
}

/****EL - BEGIN Commented Out ****/

/*** search ***/
/*
.search-bar-top .glyphicon-search::before,
#searchColumn .glyphicon-search::before,
.custom-search-form .glyphicon-search::before,
.search-bar .glyphicon-search::before,
.glyphicon-search::before {
    color: #666666;
}*/

/****EL - End Commented Out ****/

.faceted-search-main .meta-block a,
.faceted-search-main .fs-result-row .owner-name {
    color: #00B2EB;
}

/*** nav ***/
#NAV .navbar-default .navbar-nav>.dropdown>a .caret {
    color: #666666;
}

#NAV .navbar-default .navbar-nav>.active>a,
#NAV #MPButtonBar .dropdown-menu .active>a,
#NAV #MPButtonBar li .dropdown-menu .active>a:hover,
#NAV #MPButtonBar .dropdown-menu .dropdown-submenu .active a:hover,
#NAV #MPButtonBar .dropdown-submenu .dropdown-submenu .active a:hover,
#MPOuterMost .dropdown-menu .active>a,
#MPOuterMost .dropdown-menu .active a:hover {
    color: #666666;
}

#NAV .navbar-default .navbar-nav>li>a:hover,
#NAV .navbar-default .navbar-nav>li>a:focus,
#NAV .navbar-default .navbar-nav>.active>a:hover,
#NAV .navbar-default .navbar-nav>.active>a:focus,
#NAV .navbar-default .navbar-nav>.disabled>a:hover,
#NAV .navbar-default .navbar-nav>.disabled>a:focus,
#NAV .navbar-default .navbar-nav>.open>a,
#NAV .navbar-default .navbar-nav>.open>a:hover,
#NAV .navbar-default .navbar-nav>.open>a:focus {
    color: #666666;
}

#NAV .dropdown-menu>li>a:hover,
#NAV .dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #666666;
}

.navbar-toggle {
    background-color: #00B2EB;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #666666;
}

#NAV .dropdown-menu>.active>a,
#NAV .dropdown-menu>.active>a:hover,
#NAV .dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #00B2EB;
}

/****** homepage content ******/
.hero::before {
    background-color: #00B2EB;
}

.quick-link em a {
    background-color: #00B2EB;
}

.quick-link em a:hover,
.quick-link em a:focus {
    background-color: #666666;
}

.top-tiles ul.slick-dots li.slick-active {
    background-color: #00B2EB;
}

/****** landing controls ******/
.HLEventList .date-block {
    background-color: #00B2EB;
}

.HLEventList li:hover .date-block,
.HLEventList li:focus .date-block {
    background-color: #666666;
}

.home .HLEventList li:hover,
.home .HLEventList li:focus,
.HLEngagement .display-horizontal li:hover,
.HLEngagement li:focus,
.top-tile:hover,
.top-tile:focus {
    box-shadow: 0 3px #666666;
}

.HLEngagement .points-label {
    background-color: #666666;
}

.home .HLEngagement .row.title-row .col-md-9 a:hover,
.home .HLEngagement .row.title-row .col-md-9 a:focus {
    color: #00B2EB;
    text-decoration: underline;
}

.home .col-md-4 .HLDiscussions a[id*="DiscussionList_More"]:hover,
.home .col-md-4 .HLDiscussions a[id*="DiscussionList_More"]:focus {
    color: #666666;
}

.home .HLEngagement .slick-arrow {
    background-color: #00B2EB;
}

/****** footer ******/
#MPOuterFooter a:hover,
#MPOuterFooter a:focus {
    color: #666666;
}

.footer-social-icons a:hover,
.footer-social-icons a:focus {
    color: #666666;
}

/****** nav tabs ******/
.nav-tabs>li>a {
    color: #00B2EB;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    background-color: #00B2EB;
}

/****** pagination ******/
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #666666;
    border-color: #666666;
}

.pagination-container {
    border-top: 2px solid #f4f4f4;
}

/****** profile page ******/
/****EL - BEGIN Commented Out ****/
/*
#ProfileContainer .panel-footer a[id*="logoutLink"] {
    background-color: #666666;
    border-color: #666666;
}*/
/****EL - END Commented Out ****/

/****** interior page headings ******/
#PageTitleH1::after {
    border-color: #666666;
}

#PageTitleH1::before {
    background-color: #00B2EB;
}

/****** library page ******/
.library-list h3 span i.text-muted {
    color: #666666;
}

/****** library - copyright file type wizard UI ******/
.ContentUserControl div[id$="MainOptions"] fieldset legend,
.ContentUserControl div[id$="CommonLicencing"] fieldset legend {
    background: none;
}

/****** discussions page ******/
div[id*="MessagePanel"] span[id*="ThreadFollowIcon"] i {
    color: #666666;
}

/****** blogs ******/
div[id*="TotalRatingLikePanel"]::before {
    color: #666666;
}

/****** member directory ******/
div[id*="DisplayContacts"] input[id*="BackTop"].btn.btn-default {
    color: #00B2EB;
}

div[id*="DisplayContacts"] input[id*="BackTop"].btn.btn-default:hover,
div[id*="DisplayContacts"] input[id*="BackTop"].btn.btn-default:focus {
    color: #666666;
}

/******  community homepage ******/
.JoinLeaveLink a[id*="lbJoin"],
.summary-edit em a {
    background-color: #666666;
    border-color: #666666;
}

span.label.label-admin {
    background-color: #666666;
}

/****** ideation ******/
.ideation-vote span.badge.badge-default.active.background-#00B2EB {
    background-color: #666666;
    border-color: #666666;
}

.ideation-vote span.badge.badge-default.active.up:hover,
.ideation-vote span.badge.badge-default.active.background-#00B2EB:hover {
    background-color: #666666;
    border-color: #666666;
}

/* changed this class from col-md-4 to 3. the col-md-4 remains in master so delete it after validating this fix */
.profile>.row:first-child>.col-md-3 {
    border-radius: 10px;
    background-color: #f9f9f9;
    padding: 30px;
    box-shadow: 0 2px 4px 0 rgba(198, 198, 198, 0.5),
        0 2px 20px 0 rgba(206, 206, 206, 0.5);
}

.profile .col-md-9 .col-md-12.section2 {
    padding-left: 15px;
}

/* begin additive CSS for Theme */
/* fixes profile welcome box log out button display in header - do not remove */
.profile>.row:first-child>.col-md-4 {
    margin-right: 15px;
    padding-top: 15px 10px 0;
}

#ProfileContainer .panel-footer a[id*="logoutLink"] {
    padding: 7px 10px;
    text-transform: none;
}

#ProfileContainer .welcome-links .btn {
    text-transform: none;
}

#ProfileContainer.dropdown-menu .panel-body {
    padding: 15px 20px 10px 20px;
}

.profile>.row:first-child>.col-md-3,
.profile>.row:first-child>.col-md-4 {
    background-color: white;
    box-shadow: none;
}

.profile>.row:first-child>.col-md-3 .alert {
    padding: 0;
    border: none;
    background: transparent;
}

.profile>.row:first-child>.col-md-3 h2 {
    text-transform: none;
    font-size: 20px;
    line-height: 26px;
}

.col-md-3 .nav.nav-pills.nav-stacked li.active {
    margin-left: 0 !important;
}

.profile>.row:first-child>.col-md-3 .btn-edit {
    border-color: #d9d9d9;
    font-size: 16px;
    line-height: 16px;
    padding: 2px;
}

.profile-inbox {
    margin-top: 55px;
}

.manage-settings .ui-widget-content {
    border: none;
}

.manage-settings .nav-tabs>li>a {
    border: none;
    background-color: transparent;
}

.manage-settings .ui-widget-header {
    padding: 15px 0 0 !important;
    margin-bottom: 15px;
}

.manage-settings .ui-tabs .ui-tabs-panel {
    padding: 20px 0;
}

.manage-settings legend {
    font-size: 16px;
}

#MessageListContainer .dropdown-menu>li>a[id*="ProfileImage"] {
    border-radius: 0;
    background-color: #fff;
    width: auto;
    height: 28px;
}

.community-notifications .email-settings.table {
    font-weight: normal;
    font-size: 14px;
}

/* profile inbox spatial fixes */
#MessageListContainer .dropdown-menu>li>a[id*="ProfileImage"] {
    border-radius: 0;
    background-color: #fff;
    width: auto;
    height: 28px;
}

.inbox .list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom: none;
    border-radius: 0;
}

.inbox a.list-group-item.unread {
    font-weight: normal;
}

.inbox>div>div>div.row {
    margin-top: 50px;
}

.inbox-list .margin-bottom-medium {
    margin-bottom: 20px;
}

.inbox-list #composeMessageContainer {
    margin-bottom: 15px;
}

.profile a[id*="MessagesCount"] {
    font-weight: normal;
    font-size: 14px;
}

/* fixes library view and filter options - no not remove */
.librarydocuments .col-md-8.text-right>div.form-inline {
    margin-top: 25px;
}

div[id*="DocumentPanel"] .btn-group .dropdown-toggle {
    text-transform: none;
    color: #000;
    font-size: 12px;
    line-height: 1.4;
    border: 1px solid #dcdcdc;
    padding: 6px 12px;
}

.librarydocuments .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    padding-bottom: 0;
}

ul.DiscussionContentContainer>li .pnl-row-item {
    background-color: transparent;
}

.panel-form {
    background: #ffffff;
}

/* fixes skiplinks display on loggout - do not remove */
.skiplinkholder a,
.skiplinkholder a:link,
.skiplinkholder a:visited {
    display: block;
    width: auto;
    position: absolute;
    top: -999;
    left: -200%;
    z-index: 10000;
}

/* fixes made to show content type in search results - no not remove */
.faceted-search-main .fs-result-row a.focus-search span.focus-search {
    display: inline-block;
    margin-right: 5px;
}

#NAV #MPButtonBar .dropdown-menu>li>a,
#MPOuterMost .dropdown-menu>li>a {
    text-transform: none;
    padding: 6px 12px;
}

.HLLandingControl ol li,
.HLLandingControl ul li {
    padding-bottom: 0px;
}

.HLLandingControl ol li:last-child,
.HLLandingControl ul li:last-child {
    border-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 500;
}

#NAV .dropdown-menu>li:not(:last-child),
.dropdown-menu>li:not(:last-child) {
    border-bottom: none;
}

ul.nav.navbar-nav>li {
    text-align: left;
    background-color: transparent;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.01em;
}

.config-table-adjust table {
    table-layout: fixed;
    width: 100%;
    margin-top: 15px;
}

.config-table-adjust table tbody>tr>td {
    border-top: 1px solid #f4f4f4;
}

.saml-button-fix {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#NAV .navbar-default .navbar-nav>li>a,
#NAV .navbar-default .navbar-nav>.active>a,
#NAV .navbar-default .navbar-nav>.disabled>a {
    padding: 15px 20px;
}

.hl-type {
    display: block;
}

.nav-tabs>li>a {
    text-transform: none;
}

/* fixes profile welcome box log out button display in header - do not remove */
#ProfileContainer .panel-footer a[id*="logoutLink"] {
    padding: 7px 10px;
    text-transform: none;
}

#ProfileContainer .welcome-links .btn {
    text-transform: none;
}

#ProfileContainer.dropdown-menu .panel-body {
    padding: 15px 20px 10px 20px;
}

.Welcome ul h4 {
    text-transform: none;
}

/* fixes members add to contacts button display on profile - no not remove */
.member-directory .actions .btn:last-of-type {
    background-color: #77a3a2;
    border-color: #77a3a2;
    color: #fff;
}

@media (min-width: 768px) {
    /* #NAV .row {
         margin-left: -15px;
         margin-right: -15px; 
     } */
}

/* fixes header profile-search input */
@media (max-width: 1550px) {
    #MPheader {
        padding-right: 0;
    }
}

/* people selector on the profile messages modal */
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0;
}

.profile ul.tagit li.tagit-new {
    padding: 0;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-size: 14px;
}

.ui-widget .ui-widget {
    font-size: 14px;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-size: 14px;
}

.ui-widget-content {
    background-color: #ffffff;
    background-image: none;
}

.ui-widget-header {
    background-color: #cccccc;
    background-image: none;
    font-weight: normal;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background-color: #e6e6e6;
    background-image: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background-color: #ebebeb;
    background-image: none;
    font-weight: normal;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background-color: #ffffff;
    background-image: none;
    font-weight: normal;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background-color: #ebebeb;
    background-image: none;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: normal;
}

ul.tagit li.tagit-choice-editable {
    padding: 2px 20px 2px 5px;
}

.a-item.ui-corner-all div.image {
    min-width: 60px;
}

.column-fix .col-md-3.section1 {
    display: block !important;
}

.row-bg-grey {
    background-color: #f2f2f2;
}

.advanced-search-container {
    display: none;
}

/**** PB/EL - Override CSS - 9_10 - *****/

/***Begin PB Overrides***/

/* fixes initial header load without logo */
#MPheader {
    min-height: 120px;
}

/* fixes recent blogs image collapse issue for no content */
.home .HLRecentBlogs .featured-img.bg-image {
    min-height: 200px;
}

/* fix tab bottom line spacing */
.nav-tabs>li>a {
    line-height: 1.428;
}

.nav-tabs>li {
    margin-bottom: 0;
}

/* fixes recomment button spacing */
.btn-recommend-yes {
    padding: 5px 10px;
}

.CommentPanel.ItemRatingCommentPanel .btn-success {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-right: -4px;
}

.CommentPanel.ItemRatingCommentPanel .btn:first-of-type {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.CommentPanel.ItemRatingCommentPanel .btn:nth-child(2) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/***Begin EL Overrides***/

/***For FOUC****/
body {
    visibility: hidden;
}

#tinymce {
    visibility: visible;
}

/****Profile Welcome Panel Dropdown****/
#ProfileContainer .panel-footer {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

#ProfileContainer .alert-warning,
#ProfileContainer .alert-success {
    color: #5f4b29;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

/****GLobal Search Input*****/

#searchColumn .form-control {
    border: none;
    border-radius: 0;
    padding: 5px 10px;
    color: #828282;
    font-size: 14px;
    line-height: 16px;
    height: 26px;
    background: transparent;
    box-shadow: none;
}

#SearchControl_WholeSearch>.input-group>.input-group-btn {
    width: auto;
}

#searchColumn .SearchInputs {
    border-radius: 5px;
    border: 1px solid #ddd;
    background-color: #f7f8fa;
    overflow: hidden;
}

#MPSearchBlock {
    margin-top: 0px;
    margin: 0 15px;
}

#searchColumn {
    display: block;
}

#SearchControl_WholeSearch>.input-group {
    display: flex;
    align-items: center;
}

#SearchControl_WholeSearch>.input-group>.input-group-btn {
    width: auto;
}

#MPSearchBlock button[id*="SearchButton"],
#searchColumn button[id*="SearchButton"],
.custom-search-form a[id*="btnSearch"],
.search-bar .btnSearch {
    border: none;
    background: transparent;
    width: 26px;
    height: 26px;
    text-align: center;
    padding: 0;
}

#SearchControl_SearchButton {
    margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
    #searchColumn {
        float: none !important;
        max-width: none;
        width: 100%;
        margin-top: 7.5px;
    }
}

/**** EL - Override CSS - 9_16 - *****/

/****Fix for 'Sync External Database' in Admin not being visible due to inheriting protected Themes***/
body.Empty {
    visibility: visible;
}

/*All communities List tweaks to fit eConverseJS*/
.community-list h3 {
    margin-bottom: 10px;
}

.ui-dialog .ui-dialog-content {
    overflow: hidden;
}

/**No data Modal for MAM on homepage**/
.home .HLEngagement .Content .callout {
    border: none;
}

/****Footer Attribution Fixes***/

.hl-attribution {
    float: left;
}

.econverse-attribution {
    float: right;
}

/* ptb - fixes display of SERP text input */
#FacetedSearchInput {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 15px;
}

/***EL - Adds caret symbol back to "more info" link for top tiles****/
.top-tile a span::after {
    font-family: FontAwesome;
    content: "\f0da";
    margin-left: 5px;
}

/****EL - New Search control missing theme specific glyphicon CSS. Added back in***/

#SearchControl_SearchButton .glyphicon-search::before {
    color: #666666;
    vertical-align: unset !important;
    font-size: 14px;
    line-height: 26px;
}

/**EL - row-full paddding issue fix***/

.row-full .col-md-12[class*="section"] {
    padding-left: 0;
    padding-right: 0;
}

/*****EL - Allow for Vertical MAM config w/Slick ****/

.HLEngagement ul.display-vertical li {
    border: 1px solid #e8e8e8;
    margin: 15px;
    width: auto;
    min-width: 0;
    max-width: 100%;
    padding: 20px;
}

#MPOuterMost .HLLandingControl.HLEngagement .ByLine {
    display: block;
}

.home .bg-gray .HLLandingControl.HLEngagement ul li,
.home .HLLandingControl.HLEngagement ul.display-horizontal li {
    flex: 1;
    border: 1px solid #e8e8e8;
    padding: 20px;
    border-radius: 10px;
    margin: 15px;
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    color: #484848;
    background: #fff;
}

/**EL - Button Spacing fix for inline action button on widget headers***/

.make-buttons em a,
.btn.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success,
div[id*="ExportUpdatePanel"] input.btn.btn-default,
div[id*="ExportUpdatePanel"] input.btn.btn-default:hover,
div[id*="ExportUpdatePanel"] input.btn.btn-default:focus,
.profile a[id*="AllCommunities"].btn.btn-default {
    margin-bottom: 5px;
}

/***EL - Width fix for homepage widgets to make margin consistent across similar control types***/
/* .home .col-md-4 .HLLandingControl ul li, .home .bg-gray .HLLandingControl ul li, .HLLandingControl.HLEventList .Content > .row > .col-md-12 > ul li, .home .HLLandingControl.HLEventList .Content > .row > .col-md-12 > ul li{
margin-left: 0;
margin-right: 0;
} */
.home .col-md-4 .HLLandingControl ul li {
    margin-left: 0;
    margin-right: 0;
}

/*****EL - 11.22.20 - fix to allow flexible width for variable sized navbars experienced during theme upgrades****/
#MPButtonBar {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

#MPButtonBar #Logo,
#MPButtonBar nav.navbar.navbar-default {
    display: flex;
    align-items: center;
}

#MPButtonBar #Logo>.col-md-12 {
    display: flex;
}

#MPContentArea {
    padding-top: 5px;
}

@media (max-width: 1000px) {

    #HEADER,
    #Logo {
        padding-left: 10px;
        padding-right: 10px;
    }

    #MPButtonBar,
    #MPButtonBar #Logo,
    #MPButtonBar nav.navbar.navbar-default,
    #MPButtonBar #Logo>.col-md-12 {
        display: block;
    }
}

/***Nav/Logo/Header - Spacing fixes*****/

#MPheader {
    min-height: 90px;
}

/****EL - slick MAM widget responsiveness fix***/

@media (max-width: 468px) {
    .home .HLEngagement .Content .display-horizontal {
        width: 100%;
    }

    .home .HLEngagement .Picture+.col-md-9 {
        width: inherit;
        float: none;
    }

    .home .HLEngagement .Picture {
        float: none;
        margin: 0;
    }

    .home .bg-gray .HLLandingControl.HLEngagement ul li,
    .home .HLLandingControl.HLEngagement ul.display-horizontal li {
        padding: 15px;
        text-align: center;
    }

    .home .HLEngagement .Content {
        width: 100%;
        margin: 0 auto;
    }
}

/*****START BASE ICONPICKER CSSS***/

.iconpicker-popover.popover {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    max-width: none;
    padding: 1px;
    text-align: left;
    width: 234px;
    background: #f7f7f7;
    z-index: 9;
}

.iconpicker-popover.popover.top,
.iconpicker-popover.popover.topLeftCorner,
.iconpicker-popover.popover.topLeft,
.iconpicker-popover.popover.topRight,
.iconpicker-popover.popover.topRightCorner {
    margin-top: -10px;
}

.iconpicker-popover.popover.right,
.iconpicker-popover.popover.rightTop,
.iconpicker-popover.popover.rightBottom {
    margin-left: 10px;
}

.iconpicker-popover.popover.bottom,
.iconpicker-popover.popover.bottomRightCorner,
.iconpicker-popover.popover.bottomRight,
.iconpicker-popover.popover.bottomLeft,
.iconpicker-popover.popover.bottomLeftCorner {
    margin-top: 10px;
}

.iconpicker-popover.popover.left,
.iconpicker-popover.popover.leftBottom,
.iconpicker-popover.popover.leftTop {
    margin-left: -10px;
}

.iconpicker-popover.popover.inline {
    margin: 0 0 12px 0;
    position: relative;
    display: inline-block;
    opacity: 1;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    max-width: 100%;
    box-shadow: none;
    z-index: auto;
    vertical-align: top;
}

.iconpicker-popover.popover.inline>.arrow {
    display: none;
}

.dropdown-menu .iconpicker-popover.inline {
    margin: 0;
    border: none;
}

.dropdown-menu.iconpicker-container {
    padding: 0;
}

.iconpicker-popover.popover .popover-title {
    padding: 12px;
    font-size: 13px;
    line-height: 15px;
    border-bottom: 1px solid #ebebeb;
    background-color: #f7f7f7;
}

.iconpicker-popover.popover .popover-title input[type="search"].iconpicker-search {
    margin: 0 0 2px 0;
}

.iconpicker-popover.popover .popover-title-text~input[type="search"].iconpicker-search {
    margin-top: 12px;
}

.iconpicker-popover.popover .popover-content {
    padding: 0px;
    text-align: center;
}

.iconpicker-popover .popover-footer {
    float: none;
    clear: both;
    padding: 12px;
    text-align: right;
    margin: 0;
    border-top: 1px solid #ebebeb;
    background-color: #f7f7f7;
}

.iconpicker-popover .popover-footer:before,
.iconpicker-popover .popover-footer:after {
    content: " ";
    display: table;
}

.iconpicker-popover .popover-footer:after {
    clear: both;
}

.iconpicker-popover .popover-footer .iconpicker-btn {
    margin-left: 10px;
}

.iconpicker-popover .popover-footer input[type="search"].iconpicker-search {
    margin-bottom: 12px;
}

.iconpicker-popover.popover>.arrow,
.iconpicker-popover.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.iconpicker-popover.popover>.arrow {
    border-width: 11px;
}

.iconpicker-popover.popover>.arrow:after {
    border-width: 10px;
    content: "";
}

.iconpicker-popover.popover.top>.arrow,
.iconpicker-popover.popover.topLeft>.arrow,
.iconpicker-popover.popover.topRight>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

.iconpicker-popover.popover.top>.arrow:after,
.iconpicker-popover.popover.topLeft>.arrow:after,
.iconpicker-popover.popover.topRight>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff;
}

.iconpicker-popover.popover.topLeft>.arrow {
    left: 8px;
    margin-left: 0;
}

.iconpicker-popover.popover.topRight>.arrow {
    left: auto;
    right: 8px;
    margin-left: 0;
}

.iconpicker-popover.popover.right>.arrow,
.iconpicker-popover.popover.rightTop>.arrow,
.iconpicker-popover.popover.rightBottom>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.iconpicker-popover.popover.right>.arrow:after,
.iconpicker-popover.popover.rightTop>.arrow:after,
.iconpicker-popover.popover.rightBottom>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff;
}

.iconpicker-popover.popover.rightTop>.arrow {
    top: auto;
    bottom: 8px;
    margin-top: 0;
}

.iconpicker-popover.popover.rightBottom>.arrow {
    top: 8px;
    margin-top: 0;
}

.iconpicker-popover.popover.bottom>.arrow,
.iconpicker-popover.popover.bottomRight>.arrow,
.iconpicker-popover.popover.bottomLeft>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

.iconpicker-popover.popover.bottom>.arrow:after,
.iconpicker-popover.popover.bottomRight>.arrow:after,
.iconpicker-popover.popover.bottomLeft>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff;
}

.iconpicker-popover.popover.bottomLeft>.arrow {
    left: 8px;
    margin-left: 0;
}

.iconpicker-popover.popover.bottomRight>.arrow {
    left: auto;
    right: 8px;
    margin-left: 0;
}

.iconpicker-popover.popover.left>.arrow,
.iconpicker-popover.popover.leftBottom>.arrow,
.iconpicker-popover.popover.leftTop>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.iconpicker-popover.popover.left>.arrow:after,
.iconpicker-popover.popover.leftBottom>.arrow:after,
.iconpicker-popover.popover.leftTop>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px;
}

.iconpicker-popover.popover.leftBottom>.arrow {
    top: 8px;
    margin-top: 0;
}

.iconpicker-popover.popover.leftTop>.arrow {
    top: auto;
    bottom: 8px;
    margin-top: 0;
}

.iconpicker {
    position: relative;
    text-align: left;
    text-shadow: none;
    line-height: 0;
    display: block;
    margin: 0;
    overflow: hidden;
}

.iconpicker * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
}

.iconpicker:before,
.iconpicker:after {
    content: " ";
    display: table;
}

.iconpicker:after {
    clear: both;
}

.iconpicker .iconpicker-items {
    position: relative;
    clear: both;
    float: none;
    padding: 12px 0 0 12px;
    background: #fff;
    margin: 0;
    overflow: hidden;
    overflow-y: auto;
    min-height: 49px;
    max-height: 246px;
}

.iconpicker .iconpicker-items:before,
.iconpicker .iconpicker-items:after {
    content: " ";
    display: table;
}

.iconpicker .iconpicker-items:after {
    clear: both;
}

.iconpicker .iconpicker-item {
    float: left;
    width: 14px;
    height: 14px;
    padding: 12px;
    margin: 0 12px 12px 0;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    font-size: 14px;
    box-shadow: 0 0 0 1px #ddd;
    color: inherit;
}

.iconpicker .iconpicker-item:hover:not(.iconpicker-selected) {
    background-color: #eee;
}

.iconpicker .iconpicker-item.iconpicker-selected {
    box-shadow: none;
    color: #fff;
    background: #000;
}

.iconpicker-component {
    cursor: pointer;
}

/*****END BASE ICONPICKER CSSS***/

/****START - HL custom quicklink icon picker CSS***/

/***iconPicker Dropdown/Popover***/

.custom-quicklink-widget .iconpicker .iconpicker-item {
    height: 30px;
    width: 30px;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.custom-quicklink-widget .iconpicker-popover.popover {
    min-width: 427px !important;
    margin-left: 15px;
}

.custom-quicklink-widget .iconpicker-container .input-group-addon {
    display: flex;
    flex: 100%;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #ddd;
    background: none;
    font-size: 45px;
    color: #00B2EB;

    max-width: 70px;
    height: 70px;
    padding: 12px;
}

.custom-quicklink-widget .iconpicker-container .input-group-addon {
    /**Depends on Theme Default is set above**/
}

/***START - Front-end Defaults --- Specific use cases may overwrite ***/
.custom-quicklink-widget .HLLandingControl {
    margin-bottom: 0;
    position: relative;
}

.custom-quicklink-widget .iconpicker-container {
    display: flex;
    align-items: center;
}

/**quicklink auto flex by default***/
.custom-quicklink-wrapper,
.custom-quicklink-wrapper>a.custom-quicklink,
.custom-quicklink-wrapper a.custom-quicklink .quicklink-icon {
    display: flex;
}

.custom-quicklink-wrapper>a.custom-quicklink {
    flex: 1;
    align-items: center;
    text-decoration: none;
}

.custom-quicklink-wrapper a.custom-quicklink .quicklink-icon {}

/**Remove native padding for .col-md-12 (since flexbox will compensate)**/
.custom-quicklink-widget .quicklink-container>.row>.col-md-12 {
    padding: 0;
}

/**horizontal display***/
.custom-quicklink-widget .Content.display-horizontal {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
}

.custom-quicklink-widget .Content.display-horizontal .quicklink-container {
    flex: 1;
    margin-bottom: 0;
}

/***horizontal display - variable item height equalizing ***/
.custom-quicklink-widget .Content.display-horizontal .quicklink-container,
.custom-quicklink-widget .Content.display-horizontal .quicklink-container>.row,
.custom-quicklink-widget .Content.display-horizontal .quicklink-container>.row>.col-md-12,
.custom-quicklink-widget .Content.display-horizontal .quicklink-container>.row>.col-md-12 .custom-quicklink-wrapper {
    display: flex;
    flex: 1;
}

/**flex-row justification****/
.custom-quicklink-widget .Content.justify-content-start {
    justify-content: flex-start;
}

.custom-quicklink-widget .Content.justify-content-end {
    justify-content: flex-end;
}

.custom-quicklink-widget .Content.justify-content-center {
    justify-content: center;
}

.custom-quicklink-widget .Content.justify-content-between {
    justify-content: space-between;
}

.custom-quicklink-widget .Content.justify-content-around {
    justify-content: space-around;
}

/***END - Front-end Defaults --- Specific use cases may overwrite ***/

/***START - Add/Editing styling for buttons, popover, highlightlighting, etc. ***/

/**add/Create new button**/
.custom-quicklink-widget .HLLandingControl>.row.heading {
    margin: 0;
    z-index: 900;
    position: absolute;
    right: 0px;
    top: -40px;
}

.custom-quicklink-widget .HLLandingControl>.row.heading h2 {
    color: #fff;
    margin: 0;
    line-height: 1px;
}

.custom-quicklink-widget .HLLandingControl>.row.heading h2::after {
    content: none;
}

.custom-quicklink-widget .HLLandingControl>.row.heading h2 a {
    margin-bottom: 0px;
    line-height: normal;
}

/**edit/delete button popover***/
.custom-quicklink-admin.popover {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-size-adjust: 100%;
    white-space: normal;
    padding: 3px 5px;
    margin-top: 5px;
    left: 50% !important;

    -webkit-box-shadow: 0.5px 1px 1px rgb(0 0 0 / 10%);
    box-shadow: 0.5px 1px 1px rgb(0 0 0 / 10%);
}

.custom-quicklink-admin.popover .arrow {
    border-width: 6px;
    bottom: -40%;
    left: calc(50% + 5px) !important;
}

.custom-quicklink-widget .custom-quicklink-admin.popover>.btn-default {
    font-size: 11px;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    color: #7c7c7c;
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #ededed;
    background-image: none;
    padding: 2px 5px;
    margin-right: 0;
    margin-left: 0;
    opacity: 1;
    position: relative;
}

/***in context editing - experience consistency CSS ***/
.custom-quicklink-widget.editContentHighlight:before,
.custom-quicklink-wrapper>a.editContentHighlight:before {
    animation: editContentHighlightBackground;
    animation-fill-mode: forwards;
    content: " ";
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
}

.custom-quicklink-widget.editContentHighlight:before {
    z-index: 1;
}

/* .custom-quicklink-wrapper.editContentHighlight:before {
    animation:editContentHighlightBackground;
    animation-fill-mode:forwards;
    content:' ';
    display:block;
    position:absolute;
    height:100%;
    top:0;
    left:0;
    right: 0;
} */

/***END - Add/Editing styling for buttons, popover, highlightlighting, etc. ***/

/*****Still needs Cleaning*****/

/***START - Default Modal Styles****/

/**consistency with react modals**/
.custom-quicklink-widget .modal .modal-header {
    background-color: #444855;
}

.custom-quicklink-widget .modal .modal-header .close,
.custom-quicklink-widget .modal .modal-header h4 {
    color: #fff;
}

.custom-quicklink-widget .modal .modal-body .form-group {
    margin-bottom: 20px;
}

.custom-quicklink-widget .modal .modal-body .form-group label {
    font-size: 16px;
}

.custom-quicklink-widget .modal .modal-body .form-group .form-control {
    display: block;
    line-height: 1.15;
    color: #606065;
}

.custom-quicklink-widget .modal .modal-body .iconpicker-container>.icon-input-wrapper {
    position: relative;
    display: flex;
    width: 100%;
    margin-right: 15px;
    /* flex-wrap: wrap; */
    /* margin: 10px 0; */
}

.custom-quicklink-widget .modal .modal-body .iconpicker-container>.icon-input-wrapper>input {
    border-radius: 4px 0 0 4px;
}

.custom-quicklink-widget .modal .modal-body .iconpicker-container>.icon-input-wrapper>button.hl-ql-icp-component {
    margin-left: -1px;
    border-radius: 0 4px 4px 0;
}

.custom-quicklink-widget .modal .modal-body .iconpicker-container>.icon-input-wrapper>input {
    /* flex-grow: 1; */
    /* width: auto; */
    /* height: 100%; */
}

/**only relevant in 'Description + Iconpicker' use cases ***/
.custom-quicklink-widget .modal .modal-body .form-group.icon-field-form-group {
    margin-top: -10px;
}

.custom-quicklink-widget .modal .modal-body .form-group.icon-field-form-group>label {
    position: relative;
    top: 20px;
    padding-top: 0;
}

.custom-quicklink-widget .modal .modal-body .form-group.icon-field-form-group .iconpicker-container>.icon-input-wrapper>input.hl-ql-icp {
    height: 100%;
    width: 100%;
    padding-right: 34px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
}

.custom-quicklink-widget .modal textarea.ql-starting-description-input {
    resize: none;
}

.custom-quicklink-widget .modal span#description_charCounter {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1;
    background-color: #999;
    position: relative;
    margin-top: -20px;
    margin-right: 5px;
    padding: 0.2em 0.6em 0.3em;
    color: white;
}

@media (min-width: 768px) {
    .custom-quicklink-widget .modal .modal-body .form-horizontal .control-label {
        text-align: left;
        padding-top: 0;
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) {
    .custom-quicklink-widget .modal .form-group .col-md-offset-3 {
        margin-left: 30px;
    }
}

/*******END - Custom QuickLink Wiget- Defaults/Resets****/

/***Start Full Community Model Custom ***/

.fullcommunity-horiz-tile-icon-text-desc-ql.custom-quicklink-widget {
    margin-top: -100px;
    position: relative;
}

.fullcommunity-horiz-tile-icon-text-desc-ql.custom-quicklink-widget .HLLandingControl>.row.heading h2 {
    border-bottom: none;
}

.fullcommunity-horiz-tile-icon-text-desc-ql.custom-quicklink-widget .HLLandingControl>.row.heading h2 span::after {
    border-bottom: none;
}

.fullcommunity-horiz-tile-icon-text-desc-ql .custom-quicklink-wrapper>a.custom-quicklink {
    position: relative;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    color: #00B2EB;
    text-decoration: none;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    /* box-shadow: 0px 4px 20px rgb(0 0 0 / 5%), 0px 2px 5px rgb(0 0 0 / 5%); */
    border-radius: 10px;
    transition: 0.3s;
    display: flex;
    flex-direction: column;
    padding: 30px;
    /* padding: 15px; */
    margin: 0 15px;
}

.fullcommunity-horiz-tile-icon-text-desc-ql .custom-quicklink-wrapper>a.custom-quicklink:hover,
.fullcommunity-horiz-tile-icon-text-desc-ql .custom-quicklink-wrapper>a.custom-quicklink:focus {
    box-shadow: 0 3px #666666;
}

.corpplus-horiz-tile-icon-text-desc-ql a.custom-quicklink .quicklink-icon {
    margin-bottom: 20px;
}

.fullcommunity-horiz-tile-icon-text-desc-ql a.custom-quicklink .quicklink-icon>i {
    display: block;
    font-size: 50px;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-weight: 300;
    margin: 0 auto;
    color: #00B2EB;
    background: transparent;
    border-radius: 0;
}

.fullcommunity-horiz-tile-icon-text-desc-ql .custom-quicklink-wrapper>a.custom-quicklink .quicklink-description-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;

    color: #333;
    margin: 10px 0;
}


/****START - Leaderboard MAM Tabs ****/
#MPOuterMost .leaderboard-tabs .HLEngagement .Content {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05), 0px 2px 5px rgba(0, 0, 0, 0.05);
    background: #fff;
    padding: 30px 20px;
    border-radius: 4px;
}

#MPOuterMost .leaderboard-tabs .HLEngagement .Content .bg-warning {
    margin: 0;
}

#MPOuterMost .leaderboard-tabs .HLEngagement ul.display-vertical li {
    border-bottom: none;
}

#MPOuterMost .leaderboard-tabs .HLEngagement ul.display-vertical li:last-of-type {
    margin: 0;
}

#MPOuterMost .leaderboard-tabs .HLEngagement ul.display-vertical .Picture {
    /* width:50px;*/
    /* margin-right:10px;*/
    float: left;
}

#MPOuterMost .leaderboard-tabs .HLEngagement ul.display-vertical .Picture a {
    width: 40px;
    height: 40px;
}

#MPOuterMost .leaderboard-tabs .HLEngagement ul.display-vertical .row.title-row .col-md-9 a[id*="_EngagementList_NameLink_"] {
    font-weight: 700;
    text-decoration: none;
    font-size: 16px;
    line-height: 21px;
    float: left;
}

#MPOuterMost .leaderboard-tabs .HLLandingControl.HLEngagement ul.display-vertical .ByLine {
    color: #484848;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    float: left;
    clear: left;
}

#MPOuterMost .leaderboard-tabs .HLEngagement ul.display-vertical .points-label {
    font-weight: 700;
    /* text-transform:uppercase;*/
    font-size: 10px;
    line-height: 12px;
    padding: 3px 5px;
    border-radius: 5px;
    background-color: #666666;
    float: right;
}

.leaderboard-tabs.ContentUserControl.HLLandingControl {
    padding: 0;
}

.leaderboard-tabs .nav-tabs {
    border-bottom: none;
}

.leaderboard-tabs .HLLandingControl.HLEngagement {
    margin-top: 0;
    padding: 0;
    border: none;
    margin-bottom: 0;
}

.leaderboard-tabs.HLLandingControl ul.nav-tabs li {
    margin-bottom: 0;
    border-bottom: none;
    display: flex;
    flex: 1;
}

.leaderboard-tabs .nav-tabs>li.active>a,
.leaderboard-tabs .nav-tabs>li.active>a:hover,
.leaderboard-tabs .nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    /* border-bottom-color:transparent;*/
    background-color: #eee;
    border-radius: 0;
    border: none;
}

.leaderboard-tabs .nav.nav-tabs {
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    border: 1px solid #ddd;
    margin: 0 -1px;
    display: flex;
}

.leaderboard-tabs .nav.nav-tabs li>a {
    margin-right: 0;
    border-radius: 0;
    border: none;
    flex: 1;
    text-align: center;
}

#MPOuterMost .leaderboard-tabs .HLEngagement .Content {
    /*border-top:1px solid #ddd;*/
    border-radius: 0 0 4px 4px;
}

/****END - Leaderboard MAM Tabs ****/

/****START Wesley Code for color-picker/react***/

/************ Proteced theme New Bootstrap 4^ Themeing ****/
.text-primary,
.text-primary-graphics {
    color: #00B2EB;
}

.bg-primary,
.bg-primary-graphics {
    background-color: #00B2EB;
}

.border-primary,
.border-primary-graphics {
    border-color: #00B2EB;
}

/******** H* ****/
.bootstrap-4 :not(.no-theme) h2,
.bootstrap-4 :not(.no-theme) .h2,
.bootstrap-4 :not(.no-theme) h3,
.bootstrap-4 :not(.no-theme) .h3,
.bootstrap-4 :not(.no-theme) h4,
.bootstrap-4 :not(.no-theme) .h4,
.bootstrap-4 :not(.no-theme) h5,
.bootstrap-4 :not(.no-theme) .h5 {
    color: #00B2EB;
}

/******** Block Buttons ****/
/**** btn-primary ****/
.bootstrap-4 :not(.no-theme) .btn-primary {
    color: #fff;
    background-color: #00B2EB;
    border-color: #00B2EB;
}

.bootstrap-4 :not(.no-theme) .btn-primary:focus,
.bootstrap-4 :not(.no-theme) .btn-primary:hover {
    color: #fff;
    background-color: #00B2EB;
    border-color: #00B2EB;
}

.bootstrap-4 :not(.no-theme) .btn-primary:hover {
    opacity: 0.9;
}

.bootstrap-4 :not(.no-theme) .btn-primary:focus {
    box-shadow: 0 0 0 3px #00B2EB;
}

/**** btn-success ****/
.bootstrap-4 :not(.no-theme) .btn-success {
    color: #FFFFFF;
    background-color: #00B2EB;
    border-color: #00B2EB;
}

.bootstrap-4 :not(.no-theme) .btn-success:hover:not(:disabled) .bootstrap-4 :not(.no-theme) .btn-success:focus:not(:disabled) {
    color: #FFFFFF;
    background-color: #00B2EB;
    border-color: #00B2EB;
}

.bootstrap-4 :not(.no-theme) .btn-success:hover:not(:disabled) {
    opacity: 0.9;
}

/**** btn-danger ****/
.bootstrap-4 :not(.no-theme) .btn-danger {
    color: #FFFFFF;
    background-color: #00B2EB;
    border-color: #00B2EB;
}

.bootstrap-4 :not(.no-theme) .btn-danger:hover:not(:disabled),
.bootstrap-4 :not(.no-theme) .btn-danger:focus:not(:disabled) {
    color: #FFFFFF;
    background-color: #00B2EB;
    border-color: #00B2EB;
}

.bootstrap-4 :not(.no-theme) .btn-danger:hover:not(:disabled) {
    opacity: 0.9;
}

/**** btn-link ****/
.bootstrap-4 :not(.no-theme) .btn-link {
    color: #00B2EB;
}

.bootstrap-4 :not(.no-theme) .btn-link:focus,
.bootstrap-4 :not(.no-theme) .btn-link:hover {
    color: #666666;
}

/**** btn-overlay ****/
.bootstrap-4 :not(.no-theme) .btn-overlay {
    color: #00B2EB;
}

.bootstrap-4 :not(.no-theme) .btn-overlay:focus,
.bootstrap-4 :not(.no-theme) .btn-overlay:hover {
    color: #666666;
}

/**** btn-card ****/
.bootstrap-4 :not(.no-theme) .btn-card:focus,
.bootstrap-4 :not(.no-theme) .btn-card:hover {
    color: #00B2EB;
}

/**** btn-icon-ctrl ****/
.bootstrap-4 :not(.no-theme) .btn-icon-ctrl:focus,
.bootstrap-4 :not(.no-theme) .btn-icon-ctrl:hover,
.bootstrap-4 :not(.no-theme) .container-btn-icon-ctrl:hover>.btn-icon-ctrl,
.bootstrap-4 :not(.no-theme) .container-btn-icon-ctrl:focus>.btn-icon-ctrl {
    color: #fff;
    border-color: #00B2EB;
    background-color: #00B2EB;
}

.bootstrap-4 :not(.no-theme) .btn-primary:focus,
.bootstrap-4 :not(.no-theme) .container-btn-icon-ctrl:focus>.btn-icon-ctrl {
    box-shadow: 0 0 0 3px #00B2EB;
}

/******** Inline Buttons ****/
/**** btn-inline-link-primary ****/
.bootstrap-4 :not(.no-theme) .btn-inline-link-primary.btn-inline-link-primary {
    color: #00B2EB;
}

.bootstrap-4 :not(.no-theme) .btn-inline-link-primary.btn-inline-link-primary:focus,
.bootstrap-4 :not(.no-theme) .btn-inline-link-primary.btn-inline-link-primary:hover {
    color: #666666;
}

/**** btn-inline-icon ****/
.bootstrap-4 :not(.no-theme) .btn-inline-icon:focus,
.bootstrap-4 :not(.no-theme) .btn-inline-icon:hover {
    color: #00B2EB;
}

/********* icon radio group **********/
.bootstrap-4 :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+* {
    color: #fff;
    background-color: #00B2EB;
    border-color: #00B2EB;
}

/**** special *****/
.bootstrap-4 :not(.no-theme) .library-details .tagit-new .fa.fa-plus-circle,
.bootstrap-4 :not(.no-theme) .hltags ul.tagit input[type="text"]::placeholder {
    color: #00B2EB;
}

/****END Wesley Code for color-picker/react***/

/****** START - landing control buttons rework to resolve Related Content Widget conflict******/
div[id*="BottomLink"] .col-md-12,
div[id*="pnlMoreLink"] {
    padding: 0;
    text-align: right;
}

div[id*="BottomLink"] .col-md-12,
div[id*="pnlMoreLink"] {
    padding: 0;
    text-align: right;
}

div[id*="BottomLink"] a.btn,
.home .HLRecentBlogs a[id*="BlogList_More"].btn,
.top-tile em {
    padding: 0;
    border: none;
    background: transparent;
    color: #555;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 16px;
}

div[id*="BottomLink"] a.btn:active {
    box-shadow: none;
}

div[id*="BottomLink"] a::after,
.home .HLRecentBlogs a[id*="BlogList_More"]::after,
.top-tile em::after {
    font-family: FontAwesome;
    content: "\f0da";
    margin-left: 5px;
}

div[id*="BottomLink"] a:hover,
div[id*="BottomLink"] a:focus {
    background: transparent;
    border: none;
}

/****** END - landing control buttons rework to resolve Related Content Widget conflict******/

/****** START - Related Content Widget Spacing******/
.related-results.block .related-result-row .hl-type.block {
    margin-bottom: 15px !important;
    text-align: left !important;
}

.related-results.block .related-result-row .meta-content-date.block {
    margin-bottom: 15px !important;
    margin-top: 2px !important;
}

.related-results.block .related-result-row .owner-name a {
    text-decoration: underline !important;
    color: #666 !important;
}

.related-results.block .related-result-row .owner-name a:hover {
    text-decoration: none !important;
}

.related-results.block .related-result-row h4 {
    font-size: 15px !important;
}

.related-results.block .related-result-row h4 {
    margin-bottom: 15px !important;
}

.related-results.block .related-result-row {
    min-width: 212px !important;
    max-width: 212px !important;
    border-radius: 4px;
    /* box-shadow: 0px 4px 20px rgb(0 0 0 / 5%), 0px 2px 5px rgb(0 0 0 / 5%); */
}

.related-results.block .related-result-row>.col-md-12 {
    padding-left: 15px;
    padding-right: 15px;
}

.related-results-container {
    margin-bottom: 20px;
}

.related-result-row .mt-count {
    background-color: #fff;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: bold;
}

.related-results .related-result-row a {
    text-decoration: none !important;
}

.related-results .related-result-row a:hover {
    text-decoration: underline !important;
}

@media only screen and (max-width: 768px) {
    .related-results .related-result-row {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

/****** END - Related Content Widget Spacing******/

/***Webinar entry type spacing fixes***/

input[value="Take Post-Webinar Evaluation"] {
    /* margin-top: 5px; */
    margin-top: 15px;
    /* margin-left: 35px; */
    /* margin-bottom: 15px; */
    background: #666666;
    border-color: #666666;
}

/***Normalize styling for consistency on New Search Enhancements release***/

.MPContentArea .faceted-search-main.redesigned-search .refine-by h2 {
    font-weight: inherit;
    line-height: inherit;
    position: relative;
    text-transform: none;
    border-left: none;
}



/***START - homepage Tabbed navigation***/
.homepage-tabs.ContentUserControl.HLLandingControl {
    padding: 0;
}

.homepage-tabs ul.nav-tabs {
    border-bottom: none;
}

.homepage-tabs .tab-content .Content {
    padding: 5px;
}


.homepage-tabs ul.nav-tabs,
.homepage-tabs .tab-content .Content>ul {
    padding: 0;
}


.homepage-tabs .nav-tabs {
    background: none;
    border-radius: 0px;
    border: none;
    box-shadow: none;
}


.homepage-tabs .nav-tabs>li.active>a {
    background: none;
    border: none;
}

.homepage-tabs .nav-tabs>li.active>a,
.homepage-tabs .nav-tabs>li.active>a:hover,
.homepage-tabs .nav-tabs>li.active>a:focus {
    color: #333;
    border-bottom: 2px solid #00B2EB;
    border-radius: 0;
}

.homepage-tabs.HLLandingControl ol.nav-tabs li,
.homepage-tabs.HLLandingControl ul.nav-tabs li {
    border: none;
}

.homepage-tabs .tab-content .HLLandingControl ul li {
   /*  border-bottom: 1px solid #e5e5e5; */
}

.homepage-tabs .tab-content .HLLandingControl ul li {
    background: #fff;
    padding: 20px;
    box-shadow: 0px 4px 15px rgba(231, 232, 236, 0.3), 0px 1px 2px #e7e8ec;
    border-radius: 6px;
    border: 1px solid #fbfbfb;
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding-right: 140px;
}

.homepage-tabs .HLLandingControl .row.title-row .row.title-row {
    margin-bottom: 10px;
}

.homepage-tabs .HLLandingControl ol li {
    padding-bottom: 0;
    margin-bottom: 15px;
}


.homepage-tabs .nav-tabs>li>a {
    border: none;
    color: #bbb;
    margin: 0;
    background: none;
}


.homepage-tabs .title-row .col-md-1.pull-right .label-default {
    background: transparent;
    padding: 0;
    float: none !important;
}

/****Ideation feedCSS***/
.homepage-tabs .tab-content .ideation-widget {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05), 0px 2px 5px rgba(0, 0, 0, 0.05);
    background: #fff;
    padding: 20px 10px;
    border-radius: 4px;
    margin-bottom: 25px;
}

.homepage-tabs .tab-content .ideation-widget>.row.form-group {
    display: none;
}

.homepage-tabs .tab-content .ideation-widget>div>div {
    border-top: none !important;
    border-bottom: 1px solid #e5e5e5;
}

.homepage-tabs .tab-content .ideation-widget>div>div:last-of-type {
    border-bottom: none;
}

.homepage-tabs .tab-content .ideation-widget>div>div:last-of-type>a {
    background-color: #666666;
    border-color: #666666;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    color: #fff;
    padding: 12px 24px;
    font-style: normal;
    text-decoration: none;
    text-transform: capitalize;
    float: left !important;
}

.homepage-tabs .tab-content .ideation-widget>div>div:last-of-type::after,
.homepage-tabs .tab-content .ideation-widget>div>div:last-of-type::before {
    display: table;
    content: " ";
}

.homepage-tabs .tab-content .ideation-widget>div>div:last-of-type::after {
    clear: both;
}

.homepage-tabs .tab-content .HLLandingControl.SearchResults .col-sm-7.col-md-7 {
    width: 100%;
}


.homepage-tabs .tab-content .HLLandingControl.SearchResults .row.title-row .row.title-row {
    display: flex;
}

.homepage-tabs .tab-content .HLLandingControl.SearchResults .row.title-row .row.title-row {
    padding: 20px 20px 0 20px;
}

.homepage-tabs .tab-content .HLLandingControl.SearchResults .row.title-row .row.title-row,
.homepage-tabs .tab-content .Content>ul>li div[id*="_pnlDescription_"],
.homepage-tabs .tab-content .Content>ul>li div[id*="_pnlFoundIn_"] {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.homepage-tabs .tab-content .HLLandingControl.SearchResults .row.title-row .row.title-row~h5 {
    padding: 0 20px;
}

/*****Mixed CSS from Theme 4B*****/
.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right {
    display: block;
}

.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label::before{
    font-family: "Font Awesome 5 Pro";
    font-size: 26px;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    font-weight: 300;
    color: #999;
}

.homepage-tabs .tab-content .HLLandingControl.HLDiscussions .Content ul>li>.row.title-row .col-md-3.pull-right .label.discussion::before {
   
    font-family: "Font Awesome 5 Pro";
    font-size: 26px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    font-weight: 300;
    /* color: #666666; */
    color: #999;
}

.homepage-tabs .tab-content .HLLandingControl.HLDiscussions .Content ul>li>.row.title-row .col-md-3.pull-right .label.discussion::before {
    content: "\f27a";
}


.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.default::before {
    font-family: theme4b;
    content: "\f005";
}

.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.announcement::before {
    content: "\f675";
    /* color: #72A6A1; */
}

.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.discussion::before,
.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.discussion-thread::before {
    content: "\f075";
    /* color: #6FB1D7; */
}

.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.event::before {
    content: "\f073";
    /* color: #D0764F; */
}

.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.blog::before {
    content: "\f1ea";
    /* color: #E96292; */
}

.homepage-tabs .library-entry {
    margin-bottom: 0px;
}

.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.library-entry::before {
    content: "\f5db";
    /* color: #426785; */
}

.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.question::before,
.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.answer::before {
    content: "\f059";
    /* color: #9980bf; */
}

.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.glossary::before {
    content: "\f15c";
}

/***END ICONS**/

.homepage-tabs.HLLandingControl ul:not(.dropdown-menu) li {
    padding: 0px 0;
}






/**Iconography consistency for ws:Discussions in homepage Tabs**/



.homepage-tabs .tab-content .Content>ul>li a[id*="_hypCommunityLink_"].LinkPostedIn {
    margin-left: 0px;
    text-decoration: underline;
}

.homepage-tabs .tab-content .Content>ul>li a:hover[id*="_hypCommunityLink_"].LinkPostedIn {
    margin-left: 0px;
    text-decoration: none;
}

.homepage-tabs .tab-content .Content>ul>li a[id*="_lvSearchResults_hypContainerLink_"].LinkPostedIn {
    display: none;
}

.homepage-tabs .tab-content .Content>ul>li .ByLine,
.homepage-tabs .tab-content .Content>ul>li div[id*="_pnlPostedBy"]~h5 {
    display: inline-block;
    margin-bottom: 10px;
}

/* .homepage-tabs .tab-content .Content > ul > li div[id*=_pnlDescription_], .homepage-tabs .tab-content .Content > ul > li div[id*=_pnlDescription_] ~ h5 {
  margin-bottom: 10px;
} */

.homepage-tabs .tab-content .Content>ul>li div[id*="_pnlDescription_"] p[id*="_lvSearchResults_pDescription_"] {
    /* margin-bottom: 20px; */
    margin-bottom: 10px;
}

.homepage-tabs .tab-content .Content>ul>li .ByLine.ByLine:not(:empty)+h5:not(:empty) {
    padding-left: 5px;
    margin-left: 5px;
    border-left: 1px solid #4b4b4b;
}



.homepage-tabs .tab-content .Content>ul>li div[id*="_pnlDescription_"],
.homepage-tabs .tab-content .Content>ul>li div[id*="_pnlDescription_"]~h5 {
    padding: 0px 20px 0 0;
}

.homepage-tabs .tab-content .Content>ul>li div[id*="_pnlTags_"] {
    margin-left: -20px
}

.homepage-tabs .tab-content .Content>ul>li div[id*="_pnlTags_"] .content-tags {
    border-top: 1px solid #e8e8e8;
    padding: 6px 0px 5px 20px;
    /* margin: 0 -20px; */
    width: 100%;
}

.homepage-tabs .tab-content .Content>ul>li div[id*="_pnlFoundIn_"],
.homepage-tabs .tab-content .Content>ul>li div[id*="_pnlAttachment_"] {
    padding: 0 15px;
    padding-bottom: 10px;
}

.homepage-tabs .tab-content .Content>ul>li div[id*="_pnlFoundIn_"] {
    /* margin-left: 15px; */
}

.homepage-tabs .tab-content .Content>ul>li div[id*="_pnlFoundIn_"] h5 {
    font-size: 13px;
}




/***Specic spacing for icons on "Help Others" tab***/
.homepage-tabs .tab-content .HLDiscussions.HLLandingControl ul li {
    padding: 20px;
    padding-right: 140px;
}

.homepage-tabs .tab-content .HLDiscussions.HLLandingControl ul li .title-row .col-md-3.pull-right .label {
    position: absolute;
    width: 120px;
    top: -20px;
    right: -140px;
    bottom: -20px;
    background: #fafafa;
    font-size: 0;
}

/***Specic spacing for icons on tabs using hlcommon:SearchrResults***/
.homepage-tabs .tab-content .SearchResults.HLLandingControl ul li {
    padding: 0;
    /*  padding-right: 120px; */
}




/****Additional Responsiveness Tweaks**/

@media only screen and (max-width: 1000px) {
    .home .HLLandingControl.SearchResults .row.title-row .row.title-row {
        display: flex;
    }

    .ContentUserControl {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 480px) {
    .inline-content-html-editor-container {
        display: none;
    }
}

.homepage-tabs .SearchResults.HLLandingControl .Content>ul>li>.row.title-row {
    padding: 20px 20px 0px;
}



/**Iconography consistency for ws:Discussions in homepage Tabs**/

/* .homepage-tabs .tab-content .HLLandingControl.HLDiscussions .Content ul > li > .row.title-row{
    display: flex;
} */

/* .homepage-tabs .tab-content .HLLandingControl.HLDiscussions .Content ul>li>.row.title-row .col-md-3.pull-right {
    position: static;
    width: 0%;
    padding: 0;

} */


.tabbed-feed-section-header h2 {
    position: relative;

    margin-top: 15px;
    margin-bottom: 15px;
    

}

/***END - homepage Tabbed navigation***/



@media (max-width: 465px) {
    .homepage-tabs .tab-content .SearchResults.HLLandingControl ul li {
        padding: 0;
        /* padding-right: 60px; */
    }

    .homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label::before,
    .homepage-tabs .tab-content .HLLandingControl.HLDiscussions .Content ul>li>.row.title-row .col-md-3.pull-right .label.discussion::before {
        font-size: 20px;
        left: 30%;
    }

    .homepage-tabs .ideation-widget>div:last-of-type>div .icon-wrapper.pull-right .label.idea {
        width: 60px;
    }

    .homepage-tabs .ideation-widget>div:last-of-type>div .icon-wrapper.pull-right .label.idea:before {
        font-size: 20px;
        left: 50%;
    }
}

/*** START - EL Update 3.18.21 ***/

/***Consistency for Latest Q&A widget in Homepage Tabs **/

.homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl .Content ul>li .row.title-row {
    margin-bottom: 10px;
}

.homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl .Content ul>li .row.content-row {
    margin-left: 15px;
}

.homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl ul li .row.text-row p {
    margin-bottom: 20px;
}

.homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl ul li .title-row .col-sm-2.col-md-2>a {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background-color: #d8d9db;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
}

/* .homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl ul li .title-row .col-md-3.pull-right {
    position: static;
    width: 0%;
    padding: 0;
}
 */
.homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl ul li .title-row .col-md-3.pull-right .label {
    position: absolute;
    width: 120px;
    top: 0px;
    right: 0px;
    bottom: -0px;
    background: #fafafa;
    font-size: 0;
}

.homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl ul li .title-row .col-md-3.pull-right .label::before,
.homepage-tabs .tab-content .HLLandingControl.HLDiscussions .Content ul>li>.row.title-row .col-md-3.pull-right .label.question::before {
    font-family: "Font Awesome 5 Pro";
    font-size: 26px;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    font-weight: 300;
    color: #999;
}

.homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl ul li .title-row .col-md-3.pull-right .label::before,
.homepage-tabs .tab-content .HLLandingControl.HLDiscussions .Content ul>li>.row.title-row .col-md-3.pull-right .label.question::before {
    color: #ccc;
}

.homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl ul li .title-row .col-md-3.pull-right .label.question::before {
    color: #ccc;
    content: "\f059";
}

.homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl .Content ul>li .row.content-row h5 {
    font-size: 13px;
}

.homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl .Content ul>li .row.content-row h5>a {
    margin-left: 0px;
    text-decoration: underline;
}

@media (max-width: 465px) {
    .homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl ul li {
        padding-right: 80px;
    }

    .homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl ul li .title-row .col-md-3.pull-right .label {
        right: -60px;
    }

    .homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl ul li .title-row .col-md-3.pull-right .label::before,
    .homepage-tabs .tab-content .HLLandingControl.HLDiscussions .Content ul>li>.row.title-row .col-md-3.pull-right .label.question::before {
        font-size: 20px;
        left: 30%;
    }
}

/* sets the icon color properly - DO NOT CHANGE - for HUG only */
.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label::before,
.homepage-tabs .tab-content .HLLandingControl.HLDiscussions .Content ul>li>.row.title-row .col-md-3.pull-right .label.discussion::before {
    color: #ccc;
}

/***END - homepage Tabbed navigation***/


/**START REFAcTOR**/




.homepage-tabs .tab-content .SearchResults.HLLandingControl ul li .title-row .col-md-3.pull-right .label {
background: #FAFAFA;
}


.homepage-tabs .SearchResults.HLLandingControl .Content>ul>li>.row.title-row {
    display: flex;
    /* gap: 20px; */
    padding: 20px 20px 0;
}

.homepage-tabs .SearchResults.HLLandingControl .Content>ul>li>.row.title-row:before,
.homepage-tabs .SearchResults.HLLandingControl .Content>ul>li>.row.title-row:after {
    display: none;
}

.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right {
       background: #FAFAFA;
    margin: -20px -20px 0px 0;
    border-radius: 0 6px 6px 0;
    max-width: 15%;
}

@media (max-width: 992px) {

    .row-wide .tabbed-feed-section-header  {
   padding-left: 0 !important;
    padding-right: 0 !important;
    
}


    .homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label::before,
    .homepage-tabs .tab-content .HLLandingControl.HLDiscussions .Content ul>li>.row.title-row .col-md-3.pull-right .label.discussion::before {
        font-family: "Font Awesome 5 Pro";
        font-size: 22px;
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        font-weight: 300;
        color: #999;
    }
}

@media (max-width: 550px) {
    .home .col-md-8 .HLLandingControl ul li .row:not(.title-row) {
        display: block;
    }
}

@media (max-width: 425px) {
    .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right {
        max-width: 25%;
        min-width: 25%;
    }
}

@media (min-width: 320px) {
    .homepage-tabs .tab-content .SearchResults.HLLandingControl ul li> .row.title-row .col-md-12{
        width: 100%;
    }
}

/***Sepcific to Lastest Shared Files***/
.homepage-tabs .tab-content .HLLandingControl.HLMyDocuments ul li {
    display: flex;
}

#MPOuterMost .homepage-tabs .tab-content .HLLandingControl.HLMyDocuments ul li .content-row h5{
    margin-bottom: 0;
    padding: 0 15px;
}

.homepage-tabs .tab-content .HLLandingControl.HLMyDocuments ul li > .content-container {
    padding: 20px;
}

.homepage-tabs .tab-content .HLLandingControl.HLMyDocuments ul li .content-icon-column {
    display: block;
    background: #FAFAFA;
    
    border-radius: 0 6px 6px 0;
    max-width: 15%;
}

.homepage-tabs .tab-content .HLLandingControl.HLMyDocuments ul li .content-icon-column
.label{
    background: #FAFAFA;
}

.homepage-tabs .tab-content .HLLandingControl.HLMyDocuments ul li .content-icon-column
.label::before {
content: "\f5db";
/* color: #426785; */
color: #ccc;
font-family: "Font Awesome 5 Pro";
font-size: 26px;

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 50%;
width: 55px;
height: 55px;
text-align: center;
line-height: 55px;
font-weight: 300;
color: #999;
}/* Color Picker */
/* VERSION 33 */
/********************* Basics **************************/  
/*
body {
  color: ;  
}  
*/

a {
  color: #666666;  
}  


.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new i, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new input, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new input::placeholder {
  color: #666666; 
}  


.hl-linkcolor-background {
  background-color: #666666;  
}  

/*
a.user-content-mention {
  color: ;  
}  
*/

a.user-content-hashtag.user-content-hashtag.user-content-hashtag {
  color: #666666;  
}  


a:hover {
  color: #333366;  
}  



.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover i, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover input, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover input::placeholder {
  color: #333366;  
}  

/*
a.user-content-mention:hover {
  color: ;  
}  
*/

a.user-content-hashtag.user-content-hashtag.user-content-hashtag.user-content-hashtag:hover {  
  color: #333366; 
} 

/*
.bodyBackground {
  background-color: ;  
}  
*/
/*
.siteFrame {
  background-color: ;  
}  
*/
/*
#MPOuterMost {
  border-color: ;  
}  
*/
h1, .Heading1 {


  color: #00B2EB;

/*
  background-color: ;
*/
}    
h2, .Heading2, h2 a, h2 a:hover, .text-muted-h2 h2 {

/*
  color: ;
*/
/*
  background-color: ;
*/
}    h3, .Heading3, h3 a, h3 a:hover {

/*
  color: ;
*/
/*
  background-color: ;
*/
}    
/*
hr, hr.delimiter, .HLLandingControl ul li {
  border-bottom-color: ;  
}  
*/
#MPOuterFooter {


  background-color: #666666;


  color: #FFFFFF;

}    

fieldset {
  border-color: #00B2EB;  
}  

fieldset legend {


  background-color: #00B2EB;


  border-color: #00B2EB;


  color: #FFFFFF;

}    

.SearchResults .SortBy {
  color: #FFFFFF;  
}      
/*********************** Landing Controls ******************/  
.HLLandingControl .heading, .HLLandingControl h2, .headerItem, .drItemSubHeader {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
.drItemSubHeader a:not(.skip-header-text-color){
  color: ;  
    }  
*/
.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .ContentItemHtml.HLLandingControl {

/*
  border-color: ;
*/
/*
  color: ;
*/
/*
  background-color: ;
*/
}    

.HLLandingControl .Content a:not(.btn) {
  color: #666666;  
}  

/*
.HLLandingControl .ByLine {
  color: ;  
}  
*/

.HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {
  color: #666666;  
}  


.HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a {
  color: #00B2EB;  
}    

/************************ Tabs **********************/  
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

/*
  background-color: ;
*/
/*
  border-color: ;
*/

  color: #666666;

}  
/*
.nav-tabs {
  border-bottom-color: ;  
}  
*/
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav .open > a:hover, .nav .open > a:focus {

/*
  background-color: ;
*/
/*
  border-bottom-color: ;
*/

  color: #666666;

}  .nav-tabs > li > a {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/************************ Miscellaneous **********************/  

.SloganText {
  color: #00B2EB;  
}  

.ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {


  background-color: #00B2EB;


  color: #FFFFFF;

}    

.lblratingBig {
  color: #00B2EB;  
}  

/************************ Tables **********************/  
.Container thead .Header td, th, .ListContainer .ListHeader, .drItemSubHeader,  .table-thead-background tr th, .table-thead-background tr td {


  background-color: #00B2EB;


  color: #FFFFFF;

}    

th a, th a:hover  {
  color: #FFFFFF;  
}  

/*
.TableRowAlternate, .table-hover > tbody > tr:hover > td  {
  background-color: ;  
}    
*/
/************************ Menus ***********************/  

#MPAuxNav ul.level1 li a {
  color: #666666;  
}  


#MPAuxNav ul.level1 li ul {
  background-color: #666666;  
}  


#MPAuxNav ul.level1 li li.dynamic {
  border-right-color: #666666;  
}  

/*  #SideMenu ul.level1 li ul {
  background-color: White;  
}  */    /*  .MPSideNavBottom {
  color: #0069A5;  
}  */    /*
.breadcrumb {
  background-color: ;  
}  
*/
/*
.breadcrumb li {
  color: ;  
}  
*/

.breadcrumb li a {
  color: #666666;  
}  


.MPBottomMenu ul li a {
  color: #FFFFFF;  
}        
/************************ Bootstrap Menus ***********************/  

.navbar-default, #NAV {
  background-color: #666666;      
  border-color: #666666;  
}  


.navbar-default .navbar-nav > li > a {
  color: #FFFFFF;  
}  

.navbar .navbar-nav > .active > a,    .navbar .navbar-nav > .active > a:hover,    .navbar .navbar-nav > .active > a:focus,   .navbar .navbar-nav > li > a:hover {
    
  background-color: #00B2EB;


  color: #FFFFFF;

}    
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {


  background-color: #00B2EB;


  color: #FFFFFF;

}    

#MPButtonBar .dropdown-menu {
  background-color: #666666;  
}  


#MPButtonBar .dropdown-menu li a {
  color: #FFFFFF;  
}  


#MPButtonBar .dropdown-menu li a:hover,    #MPButtonBar .dropdown-menu li a:focus {
  background-color: #666666;  
  }  

#MPButtonBar .dropdown-menu .active > a,   #MPButtonBar li .dropdown-menu .active > a:hover,   #MPButtonBar .dropdown-menu .dropdown-submenu .active a:hover,   #MPButtonBar .dropdown-submenu .dropdown-submenu .active a:hover {


  background-color: #00B2EB;


  color: #FFFFFF;

}    
/*
#MPButtonBar .dropdown-menu {
  border-color: ;  
}  
*/
/************************ Bootstrap Buttons ***********************/  
.btn-primary, .ui-widget-content a.btn-primary {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
color: !important;
*/
}    
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open .dropdown-toggle.btn-primary {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-info {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-info:hover, .btn-info:focus, .btn-info:active, .open .dropdown-toggle.btn-info {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-success {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-success:hover, .btn-success:focus, .btn-success:active, .open .dropdown-toggle.btn-success {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-danger {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .open .dropdown-toggle.btn-danger {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-default {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-default:hover, .btn-default:focus, .btn-default:active, .open .dropdown-toggle.btn-default {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > .active > span, .pagination > .active > span:hover, .pagination li.active>a, .pagination li.active>a:hover {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > li > a {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > li > a:hover {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.label-default {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.badge, .badge a, a.badge a:hover {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-header {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-body, .panel-body {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-footer, .panel-footer {

/*
  background-color: ;
*/
}  
/*
#MPFooterLink {
  background-color: ;  
}  
*/
/*
#MPFooterLink a {
  color: ;  
}  
*/
/*
.faceted-search-main .facets .header {
  color: ;  
}  
*/
/*
.faceted-search-main .facets .header {
  background-color: ;  
}  
*/
/*
.cookie-notification-bar {
  background-color: ;  
}  
*/
/*
.cookie-notification-bar span {
  color: ;  
}  
*/

/* Emtpy faceted search results cards */

.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(2) .hlc-empty-state-card-top-part {
  background-color: #00B2EB;
}


.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(1) .hlc-empty-state-card-top-part {
  background-color: #666666;
}
/************ New Bootstrap 4^ Themeing ****/ 

:root:root {
  
  --hl-bs--primary: #00B2EB;
  --hl-bs--selected: #00B2EB26;
  

  
  --hl-bs--primary-opposite: #FFFFFF;
  
  
  
  --hl-bs--link: #666666;
  

  
  --hl-bs--link-hover: #333366;
  --hl-bs--btn-icon-ctrl-bg-hover: #333366;
  --hl-bs--btn-icon-ctrl-border-hover: #333366;
  

  
  --hl-bs--secondary: #666666;
  --hl-bs--secondary-selected: #66666626;
  
}

/* buttons */
/*
  button variables follow a pattern of 
  --hl-bs--btn-[theme]-[prop]

  [theme] is one of 
    "primary" 
    "secondary" 
    "link" 
    "ghost"
  we do respect "success" and "danger" if there are selections for them.
  there are also alt- versions but by default we do not override alt theme

  [prop] is one of 
    "text"
    "text-hover"
    "bg"
    "bg-hover"
    "border"
    "border-hover"
    "outline"
  from color picker, there are no text-hover and border-hover, so they should probably just be set to their non-hover counterpart.
  you do not have to override all of them for every button, but probably the colorful ones
*/
:root:root {
  /*
  --hl-bs--btn-primary-text: ;
  --hl-bs--btn-primary-text-hover: ;
  --hl-bs--btn-primary-outline: 7f;
  */
  
  /*
  --hl-bs--btn-primary-bg: ;
  */
  
  /*
  --hl-bs--btn-primary-bg-hover: ;
  */
  
  /*
  --hl-bs--btn-primary-border: ;
  --hl-bs--btn-primary-border-hover: ;
  */
}

:root:root {
  /*
  --hl-bs--btn-success-text: ;
  --hl-bs--btn-success-text-hover: ;
  --hl-bs--btn-success-outline: 7f;
  */
  
  /*
  --hl-bs--btn-success-bg: ;
  */
  
  /*
  --hl-bs--btn-success-bg-hover: ;
  */

  /*
  --hl-bs--btn-success-border: ;
  --hl-bs--btn-success-border-hover: ;
  */
  
  /*
  --hl-bs--btn-danger-text: ;
  --hl-bs--btn-danger-text-hover: ;
  --hl-bs--btn-danger-outline: 7f;
  */
  
  /*
  --hl-bs--btn-danger-bg: ;
  */
  
  /*
  --hl-bs--btn-danger-bg-hover: ;
  */

  /*
  --hl-bs--btn-danger-border: ;
  --hl-bs--btn-danger-border-hover: ;
  */

}

:root:root {
  /*
  --hl-bs--btn-secondary-text: ;
  --hl-bs--btn-secondary-text-hover: ;
  --hl-bs--btn-secondary-outline: 7f;
  */
  
  /*
  --hl-bs--btn-secondary-bg: ;
  */
  
  /*
  --hl-bs--btn-secondary-bg-hover: ;
  */

  /*
  --hl-bs--btn-secondary-border: ;
  --hl-bs--btn-secondary-border-hover: ;
  */
}

:root:root {
  
  --hl-bs--btn-link-text: #666666;
  --hl-bs--btn-link-outline: #6666667f;
  

  
  --hl-bs--btn-link-hover: #333366;
  
}

:root:root {
  /*
  --hl-bs--btn-ghost-outline: 7f;
  */
}/************************ Primary Navbar ***********************/

body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a, body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a:hover, body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a:focus, body.ribbit :not(.no-theme) .navbar .navbar-nav>li>a:hover, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a:hover, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a:focus {
     
    color: #00B2EB;
        
     
    color: #333366;
    
}

/************************ Anchors ***********************/
body.ribbit a{
     
    color: #666666;
    
}
body.ribbit a:hover{
     
    color: #333366;
    
}

body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn){
     
    color: #666666;
    
}

body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn):hover{
     
    color: #333366;
    
}

/************************ Bootstrap Buttons ***********************/

/****START - .btn-primary****/
body.ribbit :not(.no-theme) .btn-primary, body.ribbit :not(.no-theme) .ui-widget-content a.btn-primary {

     
    background-color: #00B2EB;
    border-color: #00B2EB;
     
     
    color: #FFFFFF !important;
    
}

body.ribbit :not(.no-theme) .btn-primary:hover, body.ribbit :not(.no-theme) .btn-primary:focus, body.ribbit :not(.no-theme) .btn-primary:active, body.ribbit :not(.no-theme) .open .dropdown-toggle.btn-primary {

     
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #00B2EB;
    border-color: #00B2EB;
     
     
    color: #FFFFFF;
    
}

/**** btn-primary ****/
body.ribbit :not(.no-theme) .btn-primary {

     
    color: #FFFFFF !important;
     
     
    background-color: #00B2EB;
    border-color: #00B2EB;
    
}

body.ribbit :not(.no-theme) .btn-primary:focus,
body.ribbit :not(.no-theme) .btn-primary:hover:not(:disabled) {

     
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #00B2EB;
    border-color: #00B2EB;
    
}

body.ribbit :not(.no-theme) .btn-primary:focus {

     
    box-shadow: 0 0 0 3px #00B2EB7F;
    
}


/**** btn-success ****/
body.ribbit :not(.no-theme) .btn-success {

     
    color: #FFFFFF;
     
     
    background-color: #00B2EB;
    border-color: #00B2EB;
    
}

body.ribbit :not(.no-theme) .btn-success:focus,
body.ribbit :not(.no-theme) .btn-success:hover:not(:disabled) {

     
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #00B2EB;
    border-color: #00B2EB;
    
}

body.ribbit :not(.no-theme) .btn-success:focus {

     
    box-shadow: 0 0 0 3px #00B2EB7F;
    
}

/**** btn-overlay ****/
body.ribbit :not(.no-theme) .btn-overlay {

     
    color: #00B2EB;
    
}


/**** btn-icon-primary[aria-label="Toggle folder list"] ****/
body.ribbit :not(.no-theme) .btn-icon-primary[aria-label="Toggle folder list"] {

     
    color: #FFFFFF;
     
     
    background-color: #00B2EB;
    border: #00B2EB;
    
}

body.ribbit :not(.no-theme) .btn-icon-primary[aria-label="Toggle folder list"]:hover {

    
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #00B2EB;
    
}



body.ribbit :not(.no-theme) .btn-icon-alt-secondary,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.hover,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:hover:not(:disabled) {

     
    color: #FFFFFF;
     
     
    background-color: #00B2EB;
    border-color: #00B2EB;
    
}


body.ribbit :not(.no-theme) .btn-primary:focus,
body.ribbit :not(.no-theme) .container-btn-icon-ctrl:focus>.btn-icon-ctrl {

     
    box-shadow: 0 0 0 3px #00B2EB7F;
    
}


body.ribbit :not(.no-theme) .btn-inline-icon:focus,
body.ribbit :not(.no-theme) .btn-inline-icon:hover:not(:disabled) {
    /* 
  color: ; 
  */

     
    color: #00B2EB;
    
}


body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+* {

     
    color: #FFFFFF;
     
     
    background-color: #00B2EB;
    border-color: #00B2EB;
    
}

body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+*:focus,
body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+*:hover {

     
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #00B2EB;
    
     
    background-color: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #00B2EB; 
    
}


/********* alt icon botton **********/
body.ribbit :not(.no-theme) .btn-icon-alt-secondary,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.hover,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:hover:not(:disabled) {

     
    background-color: #00B2EB;
    border-color: #00B2EB;
    
}


body.ribbit :not(.no-theme) .primary-button-background-color {

     
    background-color: #00B2EB !important;
    
}


body.ribbit :not(.no-theme) .primary-button-border-color {

     
    color: #00B2EB !important;
    
}


body.ribbit :not(.no-theme) .primary-button-text-color {

     
    color: #FFFFFF !important;
    
}


body.ribbit :not(.no-theme) .primary-button-hover-background-color:hover, body.ribbit :not(.no-theme) .primary-button-hover-background-color:focus {

     
    background-color: #00B2EB !important;
    
}

/****END - .btn-primary****/

/****START - .btn-success****/
body.ribbit :not(.no-theme) .btn-success {

     
    background-color: #00B2EB;
    border-color: #00B2EB;
     
     
    color: #FFFFFF;
    
}

body.ribbit :not(.no-theme) .btn-success:hover, body.ribbit :not(.no-theme) .btn-success:focus, body.ribbit :not(.no-theme) .btn-success:active, body.ribbit :not(.no-theme) .open .dropdown-toggle.btn-success {

     
    background-color: #00B2EB;
    border-color: #00B2EB;
     
     
    color: #FFFFFF;
    
}

body.ribbit :not(.no-theme) .success-button-background-color {

     
    background-color: #00B2EB !important;
    
}

body.ribbit :not(.no-theme) .success-button-border-color {

     
    color: #00B2EB !important;
    
}

body.ribbit :not(.no-theme) .success-button-text-color {
     
    color: #FFFFFF !important;
    
}


body.ribbit :not(.no-theme) .success-button-hover-background-color:hover, body.ribbit :not(.no-theme) .success-button-hover-background-color:focus {
    
     
    background-color: #00B2EB !important;
    
}

/****END - .btn-success****/


/************************ Interior Header (#PageTitleH1) ***********************/
body.ribbit.interior :not(.no-theme) #PageTitleH1_Svg_Fill_Color {
     
    fill: #00B2EB;
    
}
body.ribbit.interior :not(.no-theme) #InteriorPageTitle #PageTitleH1 {
     
    color: #FFFFFF !important;
    
}

/************************ Community Tabs ***********************/
body.ribbit :not(.no-theme) .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li.active-tab {
     
    color: #00B2EB;
     
}

body.ribbit :not(.no-theme) .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li.active-tab, body.ribbit .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li:hover, body.ribbit .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li:focus {
     
    border-bottom-color: #00B2EB;
     
}

/*************** Inheritance for Content Specific to Association Model ***************/

/*Engagement Leaderboard*/
body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li.active>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li:hover>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li:focus>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li.active>a:hover {
    
    color: #00B2EB;
    
     
    border-bottom-color: #00B2EB;
     
}

body.ribbit .engagement-leaderboard .tab-content .HLEngagement>.Content ul.display-vertical>li:hover .row.title-row .col-md-9>.leaderboard-user-info>a[id*=_EngagementList_NameLink_] {   
     
    color: #00B2EB;
    
     
    color: #333366;
    
}

/*Logged-out Homepage Row backgrounds*/
body.ribbit :not(.no-theme) .row.primary-row {    
     
    background-color: #00B2EB;
    
}

body.ribbit :not(.no-theme) .row.secondary-row {    
     
    background-color: #66666690;
    
}

/*Member Directory Action buttons color variation*/
body.ribbit :not(.no-theme) .member-directory .actions .btn:first-of-type {
     
    color: #FFFFFF;
         
     
    background-color: #00B2EB;
    border-color: #00B2EB;
     
}

body.ribbit :not(.no-theme) .member-directory .actions .btn:first-of-type:hover{
     
    color: #FFFFFF;
    
     
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #00B2EB;
    border-color: #00B2EB;
    
}

/*QuickLinks Widget Inheritance*/
body.ribbit .quick-links-list-item:hover .quick-links-list-item-text{
     
    color: #333366;
    
}

/**** Generated Utils ****/

/*
.text-color {
  color:  !important;
}
*/
  


.link-color {
  color: #666666 !important;
}

  

/*
.mention-link-color {
  color:  !important;
}
*/
  

/*
.tag-link-color {
  color:  !important;
}
*/
  


.link-hover-color:hover, .link-hover-color:focus {
  color: #333366 !important;
}

  

/*
.mention-hover-color:hover, .mention-hover-color:focus {
  color:  !important;
}
*/
  

/*
.tag-hover-color:hover, .tag-hover-color:focus {
  color:  !important;
}
*/
  

/*
.outer-background-color {
  background-color:  !important;
}
*/
  

/*
.tag-background-color {
  background-color:  !important;
}
*/
  

/*
.tag-background-hover-color:hover, .tag-background-hover-color:focus {
  color:  !important;
}
*/
  

/*
.page-background-color {
  background-color:  !important;
}
*/
  

/*
.border-color {
  color:  !important;
}
*/
  


.primary-heading-text-color {
  color: #00B2EB !important;
}

  

/*
.primary-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.secondary-heading-text-color {
  color:  !important;
}
*/
  

/*
.secondary-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.tertiary-heading-text-color {
  color:  !important;
}
*/
  

/*
.tertiary-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.seperator-color {
  color:  !important;
}
*/
  


.footer-background-color {
  background-color: #666666 !important;
}

  


.footer-text-color {
  color: #FFFFFF !important;
}

  


.primary-color {
  color: #00B2EB !important;
}

  


.text-on-primary {
  color: #FFFFFF !important;
}

  


.table-header-text-color {
  color: #FFFFFF !important;
}

  

/*
.landing-control-header-background-color {
  background-color:  !important;
}
*/
  

/*
.landing-control-header-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-border-color {
  color:  !important;
}
*/
  

/*
.landing-control-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-background-color {
  background-color:  !important;
}
*/
  


.landing-control-link-color {
  color: #666666 !important;
}

  

/*
.landing-control-byline-text-color {
  color:  !important;
}
*/
  


.landing-control-sub-title-text-color {
  color: #666666 !important;
}

  


.landing-control-title-text-color {
  color: #00B2EB !important;
}

  

/*
.selected-tab-background-color {
  background-color:  !important;
}
*/
  

/*
.selected-tab-border-color {
  color:  !important;
}
*/
  


.selected-tab-text-color {
  color: #666666 !important;
}

  

/*
.unselected-tab-hover-background-color:hover, .unselected-tab-hover-background-color:focus {
  background-color:  !important;
}
*/
  


.unselected-tab-hover-text-color {
  color: #666666 !important;
}

  

/*
.unselected-tab-background-color {
  background-color:  !important;
}
*/
  

/*
.unselected-tab-text-color {
  color:  !important;
}
*/
  


.slogan-text-color {
  color: #00B2EB !important;
}

  


.table-header-background-color {
  background-color: #00B2EB !important;
}

  

/*
.table-alternate-background-color {
  background-color:  !important;
}
*/
  


.aux-menu-text-color {
  color: #666666 !important;
}

  


.unselected-menu-background-color {
  background-color: #666666 !important;
}

  

/*
.breadcrumb-bar-background-color {
  background-color:  !important;
}
*/
  

/*
.breadcrumb-text-color {
  color:  !important;
}
*/
  


.breadcrumb-link-color {
  color: #666666 !important;
}

  


.footer-menu-text-color {
  color: #FFFFFF !important;
}

  


.unselected-menu-text-color {
  color: #FFFFFF !important;
}

  


.selected-menu-background-color {
  background-color: #00B2EB !important;
}

  


.selected-menu-text-color {
  color: #FFFFFF !important;
}

  


.hover-menu-text-color {
  color: #FFFFFF !important;
}

  


.hover-menu-background-color {
  background-color: #666666 !important;
}

  


.hover-menu-selected-background-color {
  background-color: #00B2EB !important;
}

  


.hover-menu-selected-text-color {
  color: #FFFFFF !important;
}

  

/*
.hover-menu-border-color {
  color:  !important;
}
*/
  

/*
.primary-button-background-color {
  background-color:  !important;
}
*/
  

/*
.primary-button-border-color {
  color:  !important;
}
*/
  

/*
.primary-button-text-color {
  color:  !important;
}
*/
  

/*
.primary-button-hover-background-color:hover, .primary-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.info-button-background-color {
  background-color:  !important;
}
*/
  

/*
.info-button-border-color {
  color:  !important;
}
*/
  

/*
.info-button-text-color {
  color:  !important;
}
*/
  

/*
.info-button-hover-background-color:hover, .info-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.success-button-background-color {
  background-color:  !important;
}
*/
  

/*
.success-button-border-color {
  color:  !important;
}
*/
  

/*
.success-button-text-color {
  color:  !important;
}
*/
  

/*
.success-button-hover-background-color:hover, .success-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.danger-button-background-color {
  background-color:  !important;
}
*/
  

/*
.danger-button-border-color {
  color:  !important;
}
*/
  

/*
.danger-button-text-color {
  color:  !important;
}
*/
  

/*
.danger-button-hover-background-color:hover, .danger-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.default-button-background-color {
  background-color:  !important;
}
*/
  

/*
.default-button-border-color {
  color:  !important;
}
*/
  

/*
.default-button-text-color {
  color:  !important;
}
*/
  

/*
.default-button-hover-background-color:hover, .default-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.pagination-activebutton-background-color {
  background-color:  !important;
}
*/
  

/*
.pagination-active-button-border-color {
  color:  !important;
}
*/
  

/*
.pagination-activebutton-text-color {
  color:  !important;
}
*/
  

/*
.pagination-button-background-color {
  background-color:  !important;
}
*/
  

/*
.pagination-button-border-color {
  color:  !important;
}
*/
  

/*
.pagination-button-text-color {
  color:  !important;
}
*/
  

/*
.pagination-button-hover-background-color:hover, .pagination-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.label-background-color {
  background-color:  !important;
}
*/
  

/*
.label-text-color {
  color:  !important;
}
*/
  

/*
.badge-background-color {
  background-color:  !important;
}
*/
  

/*
.badge-text-color {
  color:  !important;
}
*/
  

/*
.popup-window-header-background-color {
  background-color:  !important;
}
*/
  

/*
.popup-window-header-text-color {
  color:  !important;
}
*/
  

/*
.popup-window-background-color {
  background-color:  !important;
}
*/
  

/*
.popup-window-text-color {
  color:  !important;
}
*/
  

/*
.popup-window-footer-background-color {
  background-color:  !important;
}
*/
  

/*
.powered-by-higher-logic-background-color {
  background-color:  !important;
}
*/
  

/*
.powered-by-higher-logic-text-color {
  color:  !important;
}
*/
  

/*
.search-sidebar-heading-text-color {
  color:  !important;
}
*/
  

/*
.search-sidebar-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.cookie-notification-background-color {
  background-color:  !important;
}
*/
  

/*
.cookie-notification-text-color {
  color:  !important;
}
*/