/* Background Images and Footer */
/* Color Picker */
/********************* Basics **************************/    body {      color: #878686;  }      /*  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: #878686;      /*background-color: ;*/  }    h3, .Heading3, h3 a, h3 a:hover {      color: #878686;      /*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: #878686;  }      .SearchResults .SortBy {      color: #878686;  }          /*********************** Landing Controls ******************/  .HLLandingControl .heading, .HLLandingControl h2, .headerItem, .drItemSubHeader {      /*background-color: ;*/      color: #878686;  }      .drItemSubHeader a:not(.skip-header-text-color){         color: #878686;  }      .ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .ContentItemHtml.HLLandingControl {      /*border-color: ;*/      color: #878686;      /*background-color: ;*/  }    /*  .HLLandingControl .Content a:not(.btn) {      color: ;  }  */      .HLLandingControl .ByLine {      color: #878686;  }        .HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {      color: #FFFFFF;  }      /*  .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: #878686;  }    /*  .lblratingBig {      color: ;  }  */  /************************ Tables **********************/  .Container thead .Header td, th, .ListContainer .ListHeader, .drItemSubHeader,  .table-thead-background tr th, .table-thead-background tr td {      /*background-color: ;*/      color: #878686;  }      th a, th a:hover  {      color: #878686;  }      /*  .TableRowAlternate, .table-hover > tbody > tr:hover > td  {      background-color: ;  }    */  /************************ Menus ***********************/  /*  #MPAuxNav ul.level1 li a {      color: ;  }  */      #MPAuxNav ul.level1 li ul {      background-color: #FFFFFF;  }      /*  #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: #878686;  }      /*  .breadcrumb li a {      color: ;  }  */    /*  .MPBottomMenu ul li a {      color: ;  }        */  /************************ Bootstrap Menus ***********************/    .navbar-default, #NAV {      background-color: #FFFFFF;      border-color: #FFFFFF;  }        .navbar-default .navbar-nav > li > a {      color: #878686;  }      .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: #8DB9BA;      color: #FFFFFF;  }    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {      background-color: #8DB9BA;      color: #FFFFFF;  }      #MPButtonBar .dropdown-menu {      background-color: #FFFFFF;  }        #MPButtonBar .dropdown-menu li a {      color: #878686;  }        #MPButtonBar .dropdown-menu li a:hover,    #MPButtonBar .dropdown-menu li a:focus {       background-color: #8DB9BA;  }      #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: #878686;  }    /*  #MPButtonBar .dropdown-menu {      border-color: ;  }  */    /************************ Bootstrap Buttons ***********************/  .btn-primary, .ui-widget-content a.btn-primary {      background-color: #8DB9BA;      /*border-color: ;*/      color: #FFFFFF!important;  }    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open .dropdown-toggle.btn-primary {      /*background-color: ;*/      /*border-color: ;*/      color: #FFFFFF;  }    .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: #FFFFFF;      /*color: ;*/  }    .badge, .badge a, a.badge a:hover {      /*background-color: ;*/      /*color: ;*/  }    .modal-header {      /*background-color: ;*/      color: #878686;  }    .modal-body, .panel-body {      /*background-color: ;*/      color: #878686;  }    .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 */
/* Remove Related Links Panel */
#MainCopy_ctl39_ItemRelatedResourcesList_UpdatePanel1 {
      display: none;
}

.carousel-indicators {
      bottom: -10px;
}

.gray-font {
     color: #53565a !important;
 } 

/* Header Logo */
#DesktopLogoDiv {
      padding-bottom: 20px;
}

/*  Added to create space between main three buttons and slider */
div#top-text {
  margin-bottom: 20px;
}

/* Added to create space above dropdown main page headers */
.dropdown-header a {
   padding-top: 18px !important;
}

#MPFooterLinkContent {
   display: none;}

div#MainCopy_ctl10_ProfileImage_pnlProfileImage , div#MainCopy_ctl10_ProfileImage_UserNameLinkContainer, div#Welcome_NotLoggedIn.Login {
	display: none;
}

#top-image { 
    background-image: url("https://higherlogicdownload.s3.amazonaws.com/HEALTHSTREAM/3d9bc287-9582-49d7-af16-a7e1069fff11/UploadedImages/slider.png"); 
    background-repeat: no-repeat;
    background-position: center; 
    height: 366px;
    width: 100% auto;
padding: 50px; 

    }
#top-image-text { 
   position:absolute;
  top:5vh;
  max-width: 500px;
  padding-right: 25px;
    }
#top-text { 
        color: white; 
        background-color: #8db9ba; 
        text-align: center;
    } 
#top-text2 {
  max-width: 700px;
  margin: 0 auto;
     }

.message-box {
    margin: 0 auto;
	color: white;
    background-color: #1c2f44;
    text-align: center;
	display: block;
	text-decoration: none;
	margin-top: -20px;
    padding-bottom: 20px;
	margin-bottom: 20px;
		}
 a.message-box:active, a.message-box:hover {
	color: white;
	text-decoration: underline;
	}

div.col-6.column.section6 { 
    background-color: #878686; 
    padding: 0 !important;
    margin: 0 !important;}
div#sph {
    padding: 50px;
    background: #878686;
    height: max-content;
    min-height: 360px;
    }
h2.sph {
    color: white;
    }

.btn-green {
    background-color: #92b581;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    }

.btn-pink {
    background-color: #d1a4b0;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    }

.btn-purple {
    background-color: #928cb1;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    }

.btn-grey {
    background-color: #878686;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    }

.btn-light {
    background-color: #eeebe8;
    border: none;
    color: #878686;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    }

.btn-grey-center {
    background-color: #878686;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    }

.btn-teal-full {
    background-color: #8db9ba;
    color: white;
    font-weight: bold;
    border: none;
    font color: white;
    padding: 15px 15px 15px 15px;
    width: 100%;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    }

.btn-pink-full {
    background-color: #d1a4b0;
    color: white;
    font-weight: bold;
    border: none;
    font color: white;
    padding: 15px 15px 15px 15px;
    width: 100%;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    }

.btn-green-full {
    background-color: #92b581;
    color: white;
    font-weight: bold;
    border: none;
    font color: white;
    padding: 15px 15px 15px 15px;
    width: 100%;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    }

a:active#megaanchor5, a:hover#megaanchor5 , a:link#megaanchor5, a#megaanchor5 {
background-color: #009c14 !important;
  color: white !important;
}

/* ---- hashtag styling ---- */

.user-content-hashtag {
    background-color: #eeebe8;
    border: none;
    color: #878686;
    padding: 3px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 2px 3px 2px 0px;
    }

/* Resource Library Page Styling */
.library h3 a, h1 {
   color: #53565a !important;
}

/* Dropdown-header Styling */
.dropdown-header a {
   color: #53565a !important;
   font-weight: bold;
}

/* Start the Course/Start the Webinar button */

.make-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
}

#MainCopy_ctl12_URL {  
    display: inline-block;
    background-color: #928cb1;
    border: none;
    color: white;
    padding: 15px 32px;
    margin-bottom: 50px;
    text-align: center;
    text-decoration: none;
    width: auto;
    height: 50px;
    font-size: 20px;
}

/* Removes button if there is no text in div */
#MainCopy_ctl12_URL:empty
{
   padding:0;
}

/*.ContentUserControl {
display: flex;
justify-content: center;
}*/

/* To remove 'time ago' from course description */

.timeAgoFormat {
  color: white;
}

.short-grn-underline {
  display: block; 
  height: 5px; width: 75px; 
  border: 0;
  border-top: 5px solid #009c14;
}

.d-a  {
line-height: 1.428571429; 
font-size:18px;
color:#53565a!important;
display: block;
padding: 3px 20px;
padding-top: 3px;
clear: both;
white-space: normal;
}

.letter {
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
    box-shadow:         3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    padding: 30px;
    margin-bottom: 10px;
 }

.button-purple {
display: inline-block;
    background-color: #928cb1;
    border: none;
    color: white;
    padding: 15px 15px;
    margin-bottom: 5px;
    text-align: center;
    text-decoration: none;
    width: auto;
    height: auto;
    font-size: 15px;
}