/* Background Images and Footer */
/* Color Picker */
/********************* Basics **************************/  /*  body {      color: ;  }  */    /*  a {      color: ;  }  */ /*  a.user-content-mention {      color: ;  }  */  /*  a.user-content-hashtag {      color: ;  }  */  /*  a:hover {      color: ;  }  */  /*  a.user-content-mention:hover {      color: ;  }  */ /*  a.user-content-hashtag:hover {      color: ;  }  */ /*  .bodyBackground {      background-color: ;  }  */    /*  a.user-content-hashtag {  background: ; } */  /* a.user-content-hashtag:hover {  background: ; } */    /*  .siteFrame {      background-color: ;  }  */    /*  #MPOuterMost {      border-color: ;  }  */    h1, .Heading1 {      /*color: ;*/      /*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: ;*/      /*color: ;*/  }    /*  fieldset {      border-color: ;  }  */    fieldset legend {      /*background-color: ;*/      /*border-color: ;*/      /*color: ;*/  }    /*  .SearchResults .SortBy {      color: ;  }      */    /*********************** 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: ;  }  */    /*  .HLLandingControl .ByLine {      color: ;  }  */    /*  .HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {      color: ;  }  */    /*  .HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a {      color: ;  }    */  /************************ Tabs **********************/  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {      /*background-color: ;*/      /*border-color: ;*/      /*color: ;*/  }  /*  .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: ;*/  }  .nav-tabs > li > a {      /*background-color: ;*/      /*color: ;*/  }    /************************ Miscellaneous **********************/  /*  .SloganText {      color: ;  }  */    .ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {      /*background-color: ;*/      /*color: ;*/  }    /*  .lblratingBig {      color: ;  }  */  /************************ Tables **********************/  .Container thead .Header td, th, .ListContainer .ListHeader, .drItemSubHeader,  .table-thead-background tr th, .table-thead-background tr td {      /*background-color: ;*/      /*color: ;*/  }    /*  th a, th a:hover  {      color: ;  }  */    /*  .TableRowAlternate, .table-hover > tbody > tr:hover > td  {      background-color: ;  }    */  /************************ Menus ***********************/  /*  #MPAuxNav ul.level1 li a {      color: ;  }  */    /*  #MPAuxNav ul.level1 li ul {      background-color: ;  }  */    /*  #MPAuxNav ul.level1 li li.dynamic {      border-right-color: ;  }  */    /*  #SideMenu ul.level1 li ul {      background-color: White;  }  */    /*  .MPSideNavBottom {      color: #0069A5;  }  */    /*  .breadcrumb {      background-color: ;  }  */    /*  .breadcrumb li {      color: ;  }  */    /*  .breadcrumb li a {      color: ;  }  */    /*  .MPBottomMenu ul li a {      color: ;  }        */  /************************ Bootstrap Menus ***********************/  /*  .navbar-default, #NAV {      background-color: ;      border-color: ;  }  */    /*  .navbar-default .navbar-nav > li > a {      color: ;  }  */    .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: ;*/      /*color: ;*/  }    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {      /*background-color: ;*/      /*color: ;*/  }    /*  #MPButtonBar .dropdown-menu {      background-color: ;  }  */    /*  #MPButtonBar .dropdown-menu li a {      color: ;  }  */    /*  #MPButtonBar .dropdown-menu li a:hover,    #MPButtonBar .dropdown-menu li a:focus {       background-color: ;  }  */    #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: ;*/      /*color: ;*/  }    /*  #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: ;  }  */
/* CSS Overrides */
.media-layout .content-active .modal.fade,
.mce-content-body .modal.fade {
    display: block;
    position: relative !important;
    opacity: 1 !important;
    overflow-y: hidden;
    transition: none;
}

body.bodyBackground {font-size:18px; line-height:1.5; background-color:#F0F1F1}
body.bodyBackground{font-family:'Open Sans'}
h1, h2, input, h3, h4, h5 {font-family:'Arimo'}
h1, h2, h3 {font-weight:bold}
.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl {padding:0px}

.hashmention-ul-container ul li div.image img, ul.faceted-hashmention-container li div.image img {max-width:100%}

.btn.btn-primary.btn-added {
    margin: 25px auto 0px;
    display: block;
    max-width: 200px;
}
.nobull ul,
ul.nobull {
    list-style-type: none;
    padding-left: 0px;
    margin-left: 10px;
}
.arrow:after {
  content: "\f105";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 5px;
}
.arrowdown:after {
  content: "\f107";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 5px;
}

.newtab:after {
    content: "\f08e";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: 5px;
}
.blacktext * {
    color:#1d1d1d;
}
.Picture img {
    max-width: 100%;
}
.chapter-info-container .chapter-name-holder {
    padding-top: 5px;
    margin-bottom: -3px;
}
.chapter-info-container * {
    font-size: 14px;
    padding-right: 8px;
    line-height: 1;
    padding: 0px;
    margin: 0px; text-decoration:none;
}
a#myChapCommunity {
    padding-right: 12px;
    border-right: 1px solid #ccc;
    margin-right: 8px;
}
#Logo {position:relative}

.nav .dropdown-menu {
    min-width: 220px;
}

div.newsletter div.actions {
    padding-top: 0px; padding-bottom:0px;
}
.newsletter .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field label {
    text-align: left;
    color: white;
    margin-bottom: -30px;
    margin-left: -50px;
}
.newsletter form.hs-form > div {
    display: inline-block;
}
.newsletter h2 {color:#fff}

.authvid iframe {max-width:100%}

.ContentItemHtml.rowholder1.contain-inner {
    padding-bottom: 0px;
}

.ugmembers .row.heading h2 {
    color: #333;
    font-size: 34px;
    margin-top: 2em;
    margin-bottom: 1em;
}

.home .contact-banner p {
    float: left; margin-bottom: 20px;
}

.margin2 {margin-top:15px; margin-bottom:15px;}

.ContentUserControl.chapter-meetings.ugmeetings.bg-white {
    background: #fff; text-align:left; padding:2rem;
}
.ContentUserControl.chapter-meetings.ugmeetings.bg-white *:not(.btn) {color:#333}
.ContentUserControl.chapter-meetings.ugmeetings.bg-white h2 {color:#333;}
.ContentUserControl.chapter-meetings.ugmeetings.bg-white .calendar-month span {color:#fff}

.ContentUserControl.chapter-meetings.ugmeetings.bg-white h3 a {
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: 1.2;
}

.ugmycom h3 a {
  font-size: 18px;
}
.ugmycom .row.rowContainer.community-list:nth-of-type(n+6),
.ugmycom span.Count {
    display: none;
}
.ugmycom .community-list > div {
  float: none;
  width: 100%;
}
.ugmycom .row.rowContainer.community-list {
    padding: 0px;
    margin: 0px;
}

.ugmycom {
    text-align: left;
}

.ugmycom p[id*="pDescription"],
.ugmycom div[id*="pnlAttributes"],
.ugmycom .nested-community,
.ugmycom p[id*="pStatLastJoined"],
.ugmycom .content-tags {
    display: none;
}
.ugmycom .row.rowContainer.community-list {
    border-bottom-color: rgba(255,255,255,.3);
}


.contain {
    margin-left: auto;
    margin-right: auto;
    max-width: 1170px;
    padding: 1em 3rem;
}

.iconrow svg {
    max-height: 90px;
}

.conf ul, .conf li {
  padding-left: 0px;
  list-style: none;
}
.conf.bg-white h2 {
  margin-bottom: 3rem;
}
.conf li img {
  max-width: 130px;
}

.lead1 h2 {
    font-size: 38px;
}

button.slick-arrow {
    height: 35px;
    width: 20px;
    text-indent: -9000px;
    overflow: hidden;
    background-image: url(https://higherlogicdownload.s3.amazonaws.com/D365UG/03c2cd4f-cb0b-4a28-afba-5f01ec61625a/UploadedImages/themeui/arw-right.png);
    background-size: cover;
}
button.slick-prev {
    background-image: url(https://higherlogicdownload.s3.amazonaws.com/D365UG/03c2cd4f-cb0b-4a28-afba-5f01ec61625a/UploadedImages/themeui/arw-left.png);
}

.othermemtype p.price {font-weight:bold; font-size:22px}

.resources p {
    margin-bottom: 20px;
}

.downloads {font-size:16px}
.downloads icon + p {
    font-size: 13px;
    margin: 1em 0px;
}

.HLRecentBlogs .btn-blank, .HLRecentBlogs .btn-primary {
    margin-top: 15px;
}

.cards2 .HtmlContent > div h4 {
    font-size: 20px;
    font-weight: bold;
}
.cards2 p.date {
    font-size: 16px;
}

.reverse .HLLandingControl h3 a {
    font-size: 19px;
    text-decoration: underline; display:block; padding-bottom:10px; line-height:1.6;
}
.reverse .title-row .ByLine {color:#fff; }
.title-row .ByLine {margin-bottom:15px}

.reverse a:hover {color:#fff; opacity:.8}

.ugtopics #FacetedSearchInput, .ugtopics #FacetedSearchInput + span, .ugtopics #auxskiplinkholder {
    display: none;
}
.ugtopics:not(.p2) .pagination {
    display: none;
}
.ugtopics .row.facets {
    border: 1px solid #ccc;
    padding: 10px;
}

.cards2 p {
    margin-top: 15px;
}
.cards2 p.tags {margin-top:25px; margin-bottom:25px;}

.reverse p a:hover {opacity:.8; color:#fff}

.row-wide .reverse h2 {
    margin-bottom: 3rem;
}

.btn-clear {border:1px solid #fff !important}
.reverse p.cta {margin-top:3rem}

.HLWelcome.HLWelcomeHeader {
    text-align: right;
    display: flex;
}
.HLWelcome.HLWelcomeHeader > * {
    align-self: center;
}


.cards p.cta .btn {
    font-size: 12px;
    padding-right: 10px;
    padding-left: 10px;
}
.cards2 h2 {
  padding-left: 15px;
}
.cards2 {
  margin-left: -15px;
}

ul.cobalt.webinars li {
    display: flex;
}
ul.cobalt.webinars li.date {width:75px; background:#fff;}

.ugwebinars.bg-gray1, .pad2 {
    padding-left: 15px;
    padding-right: 15px;
}
.ugwebinars h2 {margin-bottom:3rem}

.cards2 .HtmlContent > div {
    padding: 0px;
    border: 1px solid #ccc;
    margin: 10px 15px;
}
.cards2 .HtmlContent > div p, .cards2 .HtmlContent > div h4 {
    padding-left: 15px;
    padding-right: 15px;
}

.HtmlContent img {
    max-width: 100%;
}


.cards1 .hover h3 {
    align-content: center;
    align-self: center;
    padding-right: 15px;
    padding-left: 15px;
}
.cards1 .hover {
 display:flex
}

button.slick-arrow {
    border: 0px;
    top: 45%;
    color: #999;
}
button.slick-arrow.slick-next {position:absolute; right:-50px; top:40%}
button.slick-arrow.slick-prev {
    position: absolute;
    left: -50px;
    z-index: 99;
}
.slick-track {display:flex !important}


.slick-list {padding-top:30px !important}

.btn {border-radius:0px !important}

.HLDiscussions h2 .btn {
    float: right;
    background: #3D444F;
    border: none;
    color: #fff !important;
}

.btn-success {
    background: #3D444F;
    border: none;
    color: #fff !important;
}

.ugnews {
    padding-left: 3rem;
    padding-right: 3rem;
}
.ugnews h3 a {
    color: inherit;
    font-size: 20px;
}

.cards .HtmlContent > div {
    border: 1px solid #ccc;
    padding-bottom: 2rem;
    background-color: #fff;
    margin: 1em;
}
.cards .HtmlContent {justify-content:center}
.cards img {max-width:100%}
.cards h4 {
    font-size: 20px;
    font-weight: bold;
    margin: 30px 0px 10px;
}

p.tags a {background-color:#DFE0E0; display:inline-block; padding:5px 8px; text-decoration:none; font-size:15px; color:#3f454f}
.cards p.tags {text-align:left; padding-left:25px; padding-top:10px;}

.cards h4, .cards h4 + p {
    text-align: left;
    padding-left: 25px;
}
.cards h4 + p {padding-right:20px;}

.conf li::after {display:table; content:""; float:none; clear:both;}

.conf img + p {
    font-weight: bold;
    margin-bottom: 5px;
}

.conf .tab-content ul {
    padding-left: 10px; padding-right:10px; padding-top:15px;
}
.bg-color1.ugtabs li:not(.active) a {
    color: white;
}
.bg-color1.ugtabs li:not(.active) a:hover {
    background: rgba(1,1,1,.1);
    border: 1px solid transparent;
}

.ugtabs .pagination{display:none}
.ugtabs.conf li {
    border-bottom: 0px !important;
}
.conf li p a {
    text-decoration: none;
    padding-left: 10px;
}
.conf li img {
    float: left;
    margin: 0px 1em 1em 0px;
}
.ugtabs li.active a,
.ugtabs .nav-tabs > li.active > a, .ugtabs .nav-tabs > li.active > a:hover, .ugtabs .nav-tabs > li.active > a:focus {
    background: #828A8F;
    color: #fff;
}

.ugtabs .tab-content li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 2.5rem; list-style: none;
}
.ugtabs div[id*="BottomLink"] {
    text-align: center;
}

.ugtabs li p {
    font-size: 16px;
}

.ugtabs .tab-content {
    padding: 0px 2rem;
}

.margin1.ugtabs {padding-bottom:2rem}

.bg-color1 + .bg-color1 {
    margin-top: 1px;
}

.ugsearch .SearchInputs {
    padding-right: 15%;
    padding-left: 15%;
}

h2 strong, h2 strong h4 {
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
}

.ContentUserControl.contain-inner > div {
    max-width: 1170px;
    margin: 30px auto;
}

.bg-gray1 h3::after {
    content: "";
    display: table;
    clear: both;
    float: none;
}

.iconrow p {
    margin-top: 1rem;
    font-size: 15px;
}
.iconrow .flex > div {
    margin-top: 1rem;
}

.flex {
  width: 100%;
  padding: 20px 0px;
  text-align: center;
}

h3 .btn.btn-primary.pull-right {
    margin-top: 0px;
}
.upg h2 a.btn { margin-top: 0px; margin-left:30px}



.ugmembers .HLEngagement .col-md-9 > a {
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding-bottom: 10px;
  font-size: 16px;
  padding-top: 5px; color:#1d1d1d !important;
}

.ugmembers .HLEngagement li {
    position:relative; border-bottom:20px solid #B1B3B3 !important; padding-bottom:45px !important; max-width:9000px !important; min-width:10px !important; height:auto !important;
}
.ugmembers .HLEngagement .row.content-row {
  position:absolute; bottom:0px; text-align:center; width:100%; left:0px;
}

.ugmembers .HLEngagement .label-success {
    background-color: transparent;
    border: 2px solid rgba(255,255,255,.2);
    margin-top: 1em !important;
    float: none;
}

.ugmembers .HLEngagement .display-horizontal {
    /* display: flex; justify-content: center; */
    max-width: 1200px;
    margin: 0px auto;
}
.ugmembers .HLLandingControl.HLEngagement .title-row img {
    margin-top: -45px;
    border-radius: 50%; border:4px solid #fff;
}

.ugmembers .HLEngagement ol.display-horizontal li, .ugmembers .HLLandingControl ul.display-horizontal li { 
    background: #B1B3B3;
    padding: 1em;
}
.ugmembers .HLEngagement .Picture.col-md-3, .ugmembers .HLEngagement .Picture.col-md-3 + .col-md-9 {float:none; padding:0px; width:100%}
.ugmembers .HLEngagement *, .ugmembers .HLEngagement .title-row .ByLine, .ugmembers .HLEngagement .content-row h5 {color:#1d1d1d !important; font-size:13px;}

.chatter div[id*="BottomLink"] .col-md-12 a.btn-primary {
    margin-top: 0px;
}

.meetings-tabs ul.nav-tabs {
    margin-bottom: 0px;
}


.ContentUserControl.meetings-tabs.bg-gray1 {
    padding-top: 30px;
}

.chatter .HLLandingControl ul li {
    margin-bottom: 30px;
    border-bottom-style: solid;
}

div[id*="BottomLink"] .col-md-12 {
    padding-left: 0px;
}

.chatter h2 {padding-top:20px}

.HLDiscussions h3 a, .HLRecentBlogs h3 a, .reverse .HLLandingControl.HLRecentBlogs h3 a {
    display: block;
    font-size: 17px;
    color: inherit; text-decoration:none; line-height:1.4; padding-bottom:10px;
}
.ContentUserControl.chatter.bg-gray1, .meetings-tabs.bg-gray1 {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
    padding-bottom: 30px;
    margin-bottom: 5rem; margin-top:5rem;
}

.commlist .content-tags {
    display: none;
}
.commlist .nested-community {
    display: none;
}
.commlist div[id*="CommunityFilter"] {
    margin-bottom: 25px;
}
.ContentItemHtml.bg-gray1.txtr2 {
    padding-left: 30px;
    padding-right: 30px;
}

.chapter-meetings .timeAgoFormat, .chapter-meetings div[id*="LocationPanel"] {
    font-size: 14px;
    padding-left: 10px;
}
.chapter-meetings p:empty {
    display: none;
}
.chapter-meetings p.break-word {
    margin: 0px;
}
.chapter-meetings li {
   border:0px none !important;
}

.chapter-meetings {
    margin-top: 4rem;
}
.chapter-meetings h3 a, .meetings-tabs h3 a {
font-size: 18px;
display: block;
padding-left: 10px;
font-weight: 600;
color: #333333;
}
.meetings-tabs h3 a {padding-left:0px}

.comlist-intro, .commlist {
    border: 1px solid black;
    padding: 5px 30px;
}
.comlist-intro {border-bottom:0px; margin-top:3rem;}
.commlist {border-top:0px; margin-bottom:4rem;}
.comlist-intro h2, .chatter h2, .pad2 h2 {
    margin-bottom: 1em;
}

ul.pagination {
    width: 100%;
    display: block; margin-top:45px;
    height: 60px; text-align:center;
}
.ugtopics ul.pagination {
text-align:left;
}
.pagination > li > a, .pagination > li > span {float:none; display:inline-block}

.commlist .row.rowContainer.community-list {
  display: inline-block;
  width: 46%;
}
.commlist .col-md-4.col-xs-6.margin-bottom-medium {
    padding: 0px;
}
.commlist .col-md-7 {
  float: none;
  width: 100%; padding: 0px;
}

.commlist p, .commlist div[id*="pnlCommRight"] {
    display: none;
}
.commlist h3 a {
  font-size: 15px; font-weight:100;
}
.commlist h3 {
display: block;
height: auto !important;
margin: 0px;
}
.commlist .row.rowContainer.community-list {
    border: 0px;
    padding: 3px 0px;
    margin: 0px;
}



div.date-block * {
  font-size: 13px;
}
.calendar-day {
  display: none;
}
div .SearchResults.HLLandingControl .calendar-tile.date-block {
    border: 2px solid #53565A;
    background: white;
}
div .SearchResults.HLLandingControl .calendar-month {  background: #53565A;}
.calendar-month {
  background: #53565A;
  color: #fff;
}
div.date-block div.calendary-number * {
  font-size: 24px;
  color: #B1B3B3;
}
div.date-block {
  border: 2px solid #97999B; max-width:70px;
  text-transform: uppercase;
}
.cert-comL-bg {
}
.row-flexed {
    background: #F0F1F1;
    max-width: 9000px;
    padding-left: calc((100% - 1170px)/2);
    padding-right: calc((100% - 1170px)/2);
}

/* -- Begin Gradient Text -- */
.gradient-text {
    position: relative;
    max-height: 150px;
    overflow: hidden;
     transition: max-height 1s ease;
}

.gradient-text.-expanded {
    max-height: 100vh;
}
.gradient-text:not(.-expanded)::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(rgba(255,255,255,0), white);
}
/* -- End Gradient Text -- */

/* -- Begin Expand Button -- */
.btn.btn.expand-button {
    background-color: #fff;
    color: #333;
    margin: auto;
    padding: 8px;
    font-size: auto;
    text-align: left;
    text-indent: 1px;
    width: 100%;
    outline: 1px;
}
.btn.expand-button:hover {
     font-weight: bold;
     box-shadow: none;
}
/* -- End Expand Button -- */

h1#PageTitleH1 {
    padding-left: calc((100% - 1170px)/2);
    padding-right: calc((100% - 1170px)/2);
    max-width: 100%;
    background-color:#3D444F;
    margin-bottom: 1px !important;
color:#fff; text-align:center;
}

.MPheader .socicon li a {
  font-size: 18px;
  padding: 5px 5px;
  position: relative;
  top: 5px;
  right: 8px; color:#fff;
}
.MPheader .socicon li {
  line-height: 10px !important;
}

.dropdown-menu > li > a {
    white-space: normal;
}

#FOOTER {
    padding-left: 15px;
    padding-right: 15px;
}

.grid3.memtype h3 {font-size:24px}

.othermemtype h2 {
    margin-top: 0px;
    padding-top: 0px;
}

#SearchControl_SearchButton {
    border-left: 0px;
    background: white;
}
#SearchControl_SearchTerm {border-right:0px}

#AuxMenu {
    padding-left: 15px;
}

#MPCopyright {
    border-top: 1px solid #555;
    padding-top: 2em;
}

.Welcome .btn-group {
    margin-left: 5px;
}


.utilitylinks a {
  display: inline-block;
  padding: 0px 5px;
  font-size: 15px;
  color: inherit;
  text-decoration: none; position:relative; cursor:pointer;
}

#MPheader .pull-right {
    line-height: 1;
}
#Welcome_LoginLink {background-color:#B1B3B3; border-radius:0px !important; border:0px none; 
line-height: 2;
padding-left: 15px;
padding-right: 15px
}
.btn.btn-primary.btn-join, .btn.btn-primary.btn-join.btn-joinlo,
body div div input.hs-button.primary.large,
div .hs-form-ca9b7b72-5912-4acc-8138-9e4fbcb8d9d2_252c5c7f-c488-4974-a0a8-37d74814e6ec .hs-button {
    max-width: 130px; text-align:center;
    white-space: normal;
    font-size: 12px;
    line-height: 1.3;
    padding: 5px 10px !important;
    margin-top: 0px;
    vertical-align: middle;
    background: #3F454F;
    border-radius: 0px !important;
    border: 0px none;
    text-transform: uppercase;
}
 .btn.btn-primary.btn-join.btn-joinlo {  line-height: 2.4; padding-left:15px !important; padding-right:15px !important;}

#MPheader .pull-right + .pull-right {float:left !important}

.FatFooterMenu a.level1 {
    color: #3E1652 !important;
    font-weight: bold;
    text-decoration: none !important;
    cursor: none !important;
}

.FatFooterMenu.list-inline {
    padding-top: 2em;
    padding-bottom: 2em;
}
ul.socicon {
    list-style: none;
}
ul.socicon li {
   display:inline-block;
}
ul.socicon li a {
    color:#75777B;
}
ul.socicon li a {
  font-size: 24px;
  text-decoration: none;
  padding: 10px;
  display: inline-block;
}

ul.FatFooterMenu {
    text-align: left;
}

.prefooter img {
    max-width: 220px;
}

.ContentItemHtml.prefooter {
    background: #DFE0E0;
    padding: 1em 0px;
}

#MPFooterLink a {
    color: inherit;
    opacity: .5;
    display: block;
    padding: 1em;
}

#MPFooter li a {
    font-size: 16px;
    color: #1d1d1d;
    display: inline-block;
    margin-right: 15px;
}
#MPFooter ul {
  padding-left: 0px;
  margin-left: 0px;
}
#MPCopyright {
    text-align: left;
    font-size: 15px;
}

div#MPheader>div.row {padding:0px}

.contact-banner img {
    border-radius: 50%;
    float: left;
    margin: -30px 50px 15px 0px;
border: 4px solid #D1D4D3;
}

.contact-banner {
    padding-top: 15px;
}
p.phone i {
    margin-right: 10px;
    transform: scale(2);
    opacity: .4;
}
p.email i {
    margin-right: 10px;
    margin-left: -5px;
    transform: scale(1);
    opacity: .4;
}

/*==Flex Container - 5 col==*/

.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.flex-container > div {
  width: 300px;
  margin: 10px;
  text-align: center;
  line-height: 85px;
}


.faqs {
    padding-left:15px; 
    padding-right:15px;
}
.faqs strong {
     display:block
}
.faqs p {
    page-break-inside: avoid; margin-bottom:30px;
}

.MPContentArea {background-color:#fff}
#MPOuterHeader {background: #fff;}

.column {
    min-height: 0px;
}

.partners img {
    max-width: 150px;
margin: 3rem 3rem 2rem;
display: inline-block !important;
vertical-align: middle;
max-height: 120px;
width: auto !important;
}



.cg-banner.pad-md {
    padding-top: 30px;
    padding-bottom: 45px;
}

p.price b {
    font-size: 30px;
}

.backgrounded {background-size:cover !important; background-position:top center !important}

.level1.MPAuxNav.static {
    font-size: 14px;
    border: 0px none !important;
}

.testimonials blockquote {
    font-size: 18px; padding:5px; text-align:left;
}
.testimonials img {
  float:left; margin:10px 15px 5px 25px; border-radius:50%; position:relative; bottom:10px;
}
.testimonials p {
    text-align: left;
    font-size: 14px;
    padding-top: 10px;
}
.testimonials strong {
    display: block;
    margin-top: 20px;
color: #3E1652;
}
.testimonials blockquote::before {
    color: #8B7397;
    text-align: left;
margin-left:-40px; margin-bottom:-35px; font-weight:900;
}

.HtmlContent::after, .cards1.testimonials .HtmlContent > div::after {
    content: "";
    display: table;
    float: none;
    clear: both;
}

#Logo img {
    max-width: 300px;
}

#AuxMenu a {
    text-decoration: none !important;
    color: #fff;
}
#MPOuterHeader .col-md-12, #MPOuterHeader, #MPOuterHeader .row {
    padding: 0px;
    margin: 0px;
}
.navbar.navbar-default {
    background: white;
    border: white;
}

.btn.btn-blank {
    border: 2px solid #fff !important;
    color: #fff;
    text-transform: uppercase;
}

.just-title {padding:15px; text-align:center; margin-top:15px;}




blockquote {font-size:20px; margin-bottom:0px;}
blockquote span {
    display: block;
    font-size: 16px;
    padding: 1em 0px 0px;
}
blockquote::before {
    content: open-quote;
    font-family: 'Times New Roman';
    display: block; font-weight:900; color:#B1A1B9;
}
blockquote::after {
    visibility:hidden; display:block; height:4px;
}
#Logo, #MPheader > div.row:first-child > div {
    padding: 0px !important;
    max-width: 1200px;
    margin: 0px auto !important;
}

.HtmlContent .btn-primary, .HLEventList .btn-primary, .HLDiscussions .btn-primary, .ugnews .btn-primary {background-color:#3F454F;  text-transform:uppercase; font-size:16px; padding:8px 22px; margin-top:1em;}
.HtmlContent a.btn {border:0px none}

.pagination > .active > span, .pagination > .active > span:hover, .pagination li.active > a, .pagination li.active > a:hover {
background-color:#3E1652; border-color:transparent;
}

.bg-color1, .hover {background-color:#3F454F; color:#fff}
.bg-color2 {background-color:#97999B; color:#1D1D1D}
.bg-darkgray {background: #3D444F; color:#fff !important;}
.bg-gray1 {background-color:#F0F1F1}
.bg-gray2 {background-color:#828A8F; padding:30px 15px}
.bg-gray3 {background-color:#DFE0E0; padding:30px 15px}

.cards1.cards1.cards-darkgray .HtmlContent > div {background: #3F454F; color:#fff; position:relative; overflow:hidden; padding:30px; }
.cards-darkgray a, .bg-darkgray a {
    color: #fff;
}
.cards1 .HtmlContent > div .hover {transition: .5s all ease; background: #3E1652; position:absolute; top:95px; left:0px; right:0px; width:100%; opacity:0; bottom:0px; padding:15px; font-size:16px}
.cards1 .HtmlContent > div .hover ul {padding-left:0px; margin-left:0px}
.cards1 .HtmlContent > div:hover .hover {position:absolute; top:0px; left:0px; right:0px; bottom:0px; width:100%; opacity:1}
.cards1 h3 {font-size:22px}

.memtype {
    padding:15px; 
}
.memtype .HtmlContent > div h3 {background-color:#fff; padding:15px; margin-bottom:0px; margin-top:10px; font-size:22px; font-weight:700}
.memtype .HtmlContent > div p {background-color:#B1B3B3; padding: 15px; color:#1D1D1D; margin-bottom:0px; font-weight:300;}
.memtype .HtmlContent > div p.price {padding-top: 0px; margin-top:-8px;}
.memtype h3 {font-size:36px; font-weight:700; margin-top:15px}
.memtype h3 {
    margin-top: 0px;
    margin-bottom: 15px;
}
.memtype:not(.last) .HtmlContent {border-bottom:1px solid #979797; }
.ContentItemHtml.othermemtype .HtmlContent {
    border-bottom: 0px none;
}

.vidrow .HtmlContent {
   padding:20px 0px;
}
.vidrow h2 {
    margin-top: 0px;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
background-color:#3E1652
}

.txtr1, h1#PageTitleH1 {background-image:url(https://higherlogicdownload.s3.amazonaws.com/D365UG/03c2cd4f-cb0b-4a28-afba-5f01ec61625a/UploadedImages/themeui/txtr1grid.png); background-size:cover; background-position:top left;}

.txtr2 {background-image:url(https://higherlogicdownload.s3.amazonaws.com/D365UG/03c2cd4f-cb0b-4a28-afba-5f01ec61625a/UploadedImages/themeui/txtr1grid-d.png); background-size:cover; background-position:top left;}


.pad1 {padding-top:3rem; padding-bottom:3.5rem}

blockquote {border:0px; background:transparent; padding:3rem}

.reverse * {color:#fff}

.contain-inner .HtmlContent, .prefooter .HtmlContent, .contain-inner > h2,
.contain-inner > .MVCContent {max-width:1170px; margin-left:auto; margin-right:auto;}
.contain-inner.cards1.cards-darkgray .HtmlContent {max-width:1100px;}
.contain-inner.cg-banner .HtmlContent {max-width:900px; padding-right:30px; padding-left:30px;}

.contain-inner.slimmer .HtmlContent,
.ContentUserControl.contain-inner.slimmer  > * {max-width:880px; padding-left:30px; padding-right:30px}

#HEADER {max-width:9000px !important}

#MPheader > .row:first-child {
    background: #53565A;
}

#MPheader > div.row {
    padding: 5px 5px 10px;
}
/*==Update Faceted Search name==*/

.facetCategory a[data-value="Events"]::before {
content: "User Group ";
}
.facetCategory a[data-value="Other"]::before {
content: "Webinars, Academy, and ";
}


.pad-20 {padding: 20px;}

/*==Expanding Colored Button & Panel==*/
.accordion-panel {
    padding: 5px 5px 5px 40px;    
    display: none;  
    overflow: hidden;   
    color: #000000; 
    font-size: 14px;
}

.btn.accordion-btn {
     color: #fff;
     margin: auto;
     width: 100%;
}

/*==FAQs Expanding Clear Button & Panel==*/
.btn.btn-accordion {
     color: #1d1d1d;
     margin: auto;
     padding: 8px;
     font-size: 18px;
     text-align: left;
     text-indent: 5px;
     width: 100%;
     outline: 1px;
}
.btn.btn-accordion.active {
     box-shadow: none !important;
}

.btn-accordion:before {
  content: "\f078";
  font-family: FontAwesome;
    font-size: auto;
    display: inline-block;
    margin-left: 5px;
    padding-right: 5px;
    color: #F3C819;
}
.btn.btn-accordion i {
    font-size: auto;
    float: left;
    padding-top: 3px;
    padding-left: 6px;
}
.btn-accordion:hover {
     box-shadow:0 3px 3px 0 #B1B3B3;
}
.panel-accordion {
    padding: 10px 5px 10px 35px;    
    display: none;  
    overflow: hidden;   
    color: #1d1d1d; 
    font-size: auto;
}


/*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
.navbar-nav > li > a {font-size:17px}
.cards2 .HtmlContent > div {width:45%;}
.ContentItemHtml.mych1 {
    position: absolute;
    top: 24px;
    right: 280px;
    text-align: right;
}
.mychbox {margin-top:4rem}
.ContentItemHtml.to-rowholder1.authvid {
    padding: 4rem;
}
.rowholder1 > .HtmlContent {
    display: flex;
}
.rowholder1 .HtmlContent > div {width:50%; padding:10px;}
.event-promo .col-cta {
    padding-right: 3rem;
    padding-top: 4rem;
}
.event-promo h2 {font-size:50px}

/*===COMMENTING OUT BECAUSE THIS IS NOT SET UP THE SAME ON BAUG AS D365UG HOME===
.home .section15, .home .section16 {
    width: 50%; margin-top:3rem;
}
.home .section16 {padding:3rem; background-color:#3E1652}
.home .section16 img {max-width:150px;}
.margin2 {margin-top:6rem; margin-bottom:6rem;}
.home .row.row-wide.clearfix {
    display: flex;
}
*/
.home .section14 {
    padding-left: 0px; background-color:#F0F1F1; 
}
.home .section13 {
    padding-right: 0px; background-color:#3E1652;
}
.cards .HtmlContent > div {width:28%;}

.othermemtype h3 + p {min-height: 120px;
}
.col-md-6.section6 .ugwebinars {
  margin-bottom: 3rem;
}
.row-wide .cards1 .HtmlContent > div {
    margin: 5px; width:32%;
}

.col56 .section5 {
  width: 65%;
}
.col56 .section6 {
  width: 35%;
}

.ugwebinars.bg-gray1, .pad2 {
    padding-left: 30px;
    padding-right: 30px;
}

.cards2 .HtmlContent {
    display: flex;
}

.testimonials blockquote {
    font-size: 16px;
    min-height: 180px;
    line-height: 1.5;
}
.ugtabs.margin1 {
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.ugtabs.bg-gray1.margin1 {margin-bottom:0px}
.iconrow h3 {
    font-size: 34px;
}
.iconrow svg {
    width: 80%;
    height: 110px;
}
.grid4 .HtmlContent > *, .flex.grid4 > * {
  width: 25%;
}
.grid5 .HtmlContent > *, .flex.grid5 > * {
  width: 20%;
  margin-bottom: -30px;
}
.ContentItemHtml.bg-gray1.txtr2 {
    margin-bottom: 4rem; margin-top:5rem;
}
.comlist-intro {border-bottom:0px; margin-top:6rem; padding-bottom: 10px !important;}
.commlist {border-top:0px; margin-bottom:7rem; padding-bottom:4rem}

.commlist div[id*="UpdatePanel1"] {
/* column-count: 2;
column-gap: 10px; */
}
.mapintro {
    padding-right: 60px;
}
.eterritory {
    padding-top: 4rem;
}
.banner.contain-inner p {
    padding-right: 8%;
    padding-left: 8%;
}
.grid3 .HtmlContent {
  display: block;
}

.cards .HtmlContent {
    display: flex;
    margin: 4rem auto;
}
.grid3 .HtmlContent section {
    width: 32%;
    padding-right: 0px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 4rem;
    text-align: left;
}


.navbar-nav > li > .dropdown-menu {right:0px}
.utilitylinks {
  text-align: right;
  margin-top: -25px;
}
#AuxMenu ul {line-height:2}

.prefooter .HtmlContent {
  display: flex;
}
.prefooter .HtmlContent > div {
  width: 50%;
}
.col-networks {
  text-align: right;
}
.FatFooterMenu.list-inline {
  display: flex;
}
.list-inline > li {
  flex: 1 1;
}
.navbar-nav {display:flex}
.navbar-nav, .navbar-nav li {float:none; }
.navbar-nav > li {flex:1 1}
.contact-banner .HtmlContent {
    max-width: 900px;
}
.contact-banner {
   /* padding-top: 4.5rem; */
}
.contact-banner h2 {margin-top:45px}
.faqs .HtmlContent {
    column-count: 2;
    text-align: left;
    column-gap: 50px;
padding-bottom:40px;
}
#Logo img {margin-top:15px; margin-bottom:15px;}
.partners h2, .faqs h2 {
    margin-bottom: 30px;
}
.cards-darkgray h2 {
    margin-bottom: 40px;
}
.cards-darkgray .cta {
    margin-top: 2rem;
}
.banner1 h2 {font-size:46px}
.ContentItemHtml  {padding-bottom:4.5rem}
.ContentItemHtml > h2 {
    padding-top: 4rem;
}
.newsletter h2 {
    color: white;
    margin-top: 10px;
    padding-top: 0px; font-size:22px;
}
.cards1.testimonials .HtmlContent > div {margin:0px; width:33%}
.cg-banner p + p {
    margin-top: 3rem;
}
.cg-banner.pad-md {
    padding-top: 6rem;
    padding-bottom: 7rem;
}
div#searchColumn {
    float: none !important;
    position: absolute;
    right: 0px;
    top: -60px;
}
.just-title h2 {
    font-size: 44px;
}
.memtype {
    padding: 30px 15px;
}
.memtype .HtmlContent div {
    float: right;
    width: 33%;
}
.memtype section {
    width: 67%;
    float: left;
    padding-right: 5rem;
}
.vidrow .HtmlContent > div:first-child {
    padding-right: 5rem;
}
.memtype .HtmlContent {padding-bottom:30px;}
blockquote {font-size:30px;}
.vidrow .HtmlContent {
    display: flex;
padding:40px 0px;
}
.cards1 .HtmlContent {display:flex; flex-wrap:wrap; justify-content: center;}
.cards1 .HtmlContent > div {width:30%}
.cards1 .HtmlContent > div {
    margin: 15px;
    padding: 40px 35px 10px;
}

    }

.no-margin-top {
    margin-top: 0px;
}

.no-margin-bottom {
    margin-bottom: 0px;
}
.less-margin-top {
    margin-top: -30px;
}
.less-margin-bottom {
    margin-bottom: -30px;
}
.slimbanner-right-row {
    color: #ffffff;
    clip-path: polygon(4% 0, 100% 0%, 100% 100%, 0 100%);
    text-align: left;
    height: 40px;
    line-height: 40px;
    padding: 0px 0px 0px 60px;
}

.slimbanner-left-row {
    color: #fff;
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    text-align: right;
    height: 40px;
    line-height: 40px;
    padding: 0px 60px 0;
}

.widebanner-right-row {
    color: #ffffff;
    clip-path: polygon(4% 0, 100% 0%, 100% 100%, 0 100%);
    text-align: left;
    height: 60px;
    line-height: 60px;
    padding: 0px 0px 0px 60px;
}
.widebanner-left-row {
    color: #fff;
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    text-align: right;
    height: 60px;
    line-height: 60px;
    padding: 0px 60px 0;
}

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
div h1#PageTitleH1 {
    padding-top: 4rem;
    padding-bottom: 5rem !important;
}
h1#PageTitleH1, .banner h2 {
    font-size: 45px;
    padding-bottom: 2rem !important;
}
.vidrow .HtmlContent {padding-top:70px}
.memtype .HtmlContent {padding-bottom:70px}

    }

    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
h1#PageTitleH1, .row-flexed {padding-left:15px; padding-right:15px;}
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
.iconrow .flex, .iconrow .flex > div {
    display: block;
    text-align: center;
    width: 100%;
}
.upg h2 a.btn {
    display: block;
    max-width: 300px;
    margin: 10px auto;
}
.bg-gray1 h2 {
    padding: 1em 0px 0px;
}
.mychbox .flex {display:block;}
.contact-banner {
    padding: 3rem;
}
.contact-banner img {
   max-width:90px
}
.partners img {}
.testimonials {padding-left:40px}
.cards1.cards1.cards-darkgray .HtmlContent > div {margin-bottom:10px;}
 

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
#AuxMenu, .MPheader .socicon {display:none}


    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {


    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    }

/**HIDE FOLLOW Button**/
#MainCopy_ctl10_btnFollowContainer {
    display: none;
}

/**HIDE NESTED TOP LEVEL COMMUNITY NAME**/
.nested-community .breadcrumb {
display:none;
}
.show-tree-button {
    display: none;
}

/**Power BI World Tour Call Out**/
.yellowborder {border:3px solid #fec523; padding:15px 15px 0px; margin-bottom:15px}
.darkgrayborder {border:2px solid #333; padding:15px 15px 0px; margin-bottom:15px}
.lightgrayborder {border:2px solid #eee; padding:15px 15px 0px; margin-bottom:15px}

.smyellowborder {border:1px solid #fec523; padding:15px 15px 0px; margin-bottom:15px}
.smdarkgrayborder {border:1px solid #333; padding:15px 15px 0px; margin-bottom:15px}
.smmedgrayborder {border:1px solid #6e6e6e; padding:15px 15px 0px; margin-bottom:15px}

hr.darkgray{margin:40px 20px; color:#333; border-color:#333; background-color:#333}

.btn.btn-conference {background-color:#29384C; color:#fff; font-size: 16px; margin-bottom: 10px; cursor: pointer !important}

.floatbuttons {
    float: left;
    margin: 5px 5px 5px 5px;
    width: auto;
}
@media screen and (max-width: 500px) {
    .floatbuttons {
        width: 100%;
        float: none;
    }
}

.volunteer-opportunities .label {
    white-space: normal;
    padding: 5px;
}

/**Power BI World Tour Call Out**/

#DiscussionContentContainer > li + li .SponsorImagePanel {
display: none;
}

.label {display: none;}