x

    @import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
    @import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
/**

  Add LESS file imports here.

**/

    html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html .contentPublisherSlideDown .panel {
  margin-bottom: 0;
}
html .publishercontainer .bottomBar {
  padding: 10px;
}
html .publishercontainer .contentPublisherSlideDown table.postInput {
  width: 95%;
}
html .publishercontainer input[type="text"] {
  width: 100%;
  margin-bottom: 5px;
}
.sfdc_richtext ul li {
  list-style: disc;
}
.tbsearchAskForm *,
.overlayDialog * {
  box-sizing: content-box;
}
.cxfooter ul {
  background: none!important;
}
.tbsearchAskInputContainer {
  max-width: 100%;
}
.tbsearchAskInputContainer > input {
  max-width: 100%;
}
.centerContent #cs\3A searchAskForm.tbsearchAskForm {
  width: 100%!important;
  position: relative;
}
@media (min-width: 992px) {
  .centerContent #cs\3A searchAskForm.tbsearchAskForm {
    max-width: 520px;
  }
}
@media (max-width: 1199px) {
  .centerContent #cs\3A searchAskForm.tbsearchAskForm #cs\3A searchAskInputContainer {
    width: 74%!important;
  }
}
#centerContent #cs\3A footer {
  left: 0;
  bottom: 0;
  width: auto;
}
.breadCrumbs {
  width: 100%!important;
}
body #cs\3A askDetailsWithTB {
  min-width: 0;
}
@media (max-width: 991px) {
  #cs\3A searchAskForm.tbsearchAskForm #cs\3A searchAskContainer {
    width: 100%;
  }
  #cs\3A searchAskForm.tbsearchAskForm #cs\3A searchAskContainer * {
    width: auto!important;
  }
}
.zen.cxchattertextareacontainer * {
    box-sizing: content-box;
}
.publishercontainer .alignTop .publisherTextAreaInner {
    margin-bottom: 8px;
}
.publisherpollchoices {
    padding: 10px 30px 10px 10px;
}
.publisherpollchoices input[type=text] {
    width: 100% !important;
}
.zen.cxchattertextareacontainer .publisherTypeOverflow.zen-select {
  top: 0px;
}
.zen.cxchattertextareacontainer .bottomBarRight * {
  box-sizing: border-box !important;
}
.zen a, .zen-headerTop a, .publishercontainer .publisherFeedItemTypeChoices a.publisherattach, a.cxcontentcommentaction, span.cxcontentcommentactiontext, .zen .postToDropdown .zen-select .zen-trigger
{
  /* Color Change - 10/24
    Link text color in the My Activity chatter component
    OLD: color: #017bd9;
  */
  color: #34B0FF;
}
.zen .postToDropdown .zen-select .zen-options a, .zen .zen-options a, .zen .comboMenu .zen-select .zen-options a, .cxallfeedactions .feeditemActionMenu .zen-options a {
    color: #464646;
}
.zen .postToDropdown .zen-select .zen-options a:hover, .zen .zen-options a:hover
{
  /* Color Change - 10/24
   Link text color when hovering in the My Activity chatter component
   OLD: color: #34b0ff !important;
  */
  color: #F10E78 !important;
}
.publishercontainer .publisherFeedItemTypeChoices a.publisherattach:hover, a.cxcontentcommentaction:hover, span.cxcontentcommentactiontext:hover
{
   /* Color Change - 10/24
   Link text color when hovering in the My Activity chatter component
   OLD: color: #34b0ff;
  */
  color: #F10E78;
}
.publishercontainer .publisherFeedItemTypeChoices a.publisherattach.withArrowAttached:hover {
   color: #393939;
}
/*.publishercontainer a.publisherattach span:hover, a.cxcontentcommentaction span:hover {
   text-decoration: none !important;
}*/
.zen .comboMenu #sortDisplay, .zen .comboMenu #filterDisplay
{
  /* Color Change - 10/24
    OLD: color: #017bd9;
  */
  color: #34B0FF;
}
.zen .comboMenu a.zen-trigger, .zen .comboMenu .zen-select .zen-options h4 {
    color: #464646;
}
.zen .comboMenu a.zen-trigger {
    font-size: 14px;
    color: #888;
    border: 1px solid #ccc;
    background: -webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: -moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: -o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,.1);
    /*min-height: 33px;*/
    padding: 8px 12px;
}
.zen .comboMenu a.zen-trigger:hover {
    color: #888;
}
.zen .comboMenu .zen-select .zen-options a:focus {
   color: #017bd9;
}
.zen .comboMenu .zen-select {
    top: auto;
    left: auto;
    margin: 4px 0 0 0;
}
.zen .comboMenu .zen-select .zen-options a:hover {
   color: #34b0ff;
}
.zen .comboMenu .zen-options li.zen-checked .zen-visualization {
   margin-top: 15px;
}
.zen .comboMenu .zen-smlineSep {
   display: none;
}
#polladdchoice {
   color: #017bd9;
}
#polladdchoice:hover {
   color: #34b0ff;
}
.zen .zen-btn, .zen .zen-highlightBtn {
    background-color: #d71c73;
    border: none;
    background-image: none;
    padding: 0 10px 1px;
    height: 33px;
    color: #fff;
    font-weight: 700 !important;
    -moz-border-radius: 1px !important;
    border-radius: 1px !important;
    -moz-box-shadow: 0 1px 2px 0 #adadad;
    -webkit-box-shadow: 0 1px 2px 0 #adadad;
    box-shadow: 0 1px 2px 0 #adadad;
}
.zen .zen-btn:hover, .zen .zen-highlightBtn:hover {
    background-color: #bc065b !important;
    border: none !important;
    background-image: none !important;
}
.sendMessageButton .zen .zen-btn, .rightContent .browseLabelPanel .browseDesc .newNoteButton {
    background: none;
    border: 1px solid #d71c73;
    color: #d71c73;
    font-size: 14px;
}
.sendMessageButton .zen .zen-btn:hover, .rightContent .browseLabelPanel .browseDesc .newNoteButton:hover {
    background: #f8f8f8 !important;
    border: 1px solid #cd38a6 !important;
    color: #cd38a6 !important;
}
.zen .zen-btn.zen-disabledBtn, .zen .zen-btn[disabled] {
    -webkit-appearance: none;
    background: #dcdfe0 !important;
    color: #fff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #c7ccce !important;
}


.zen .zen-btn.zen-highlightBtn:hover[disabled], .zen .zen-btn.zen-disabledBtn:hover, .zen .zen-btn:hover[disabled] {
    -webkit-appearance: none;
    background: #dcdfe0 !important;
    color: #fff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #c7ccce !important;
}
.zen .zen-searchBox .zen-mls.zen-pas {
    padding: 5px 6px 7px!important;
    height: auto;
    }
.zen .zen-searchBox {
    margin-top: 5px;
}
.zen .zen-searchBox input {
    color: #464646;
    /*top: 3px;*/
}
.tip:focus, .tip:hover {
    color: #34b0ff!important;
}
.popover {
    color: #464646;
    font-weight: 400;
    margin-top: -20px;
}
.visibilityHelpBody .visibilityMessage .infoMessageTitle {
    color: #024788;
    font: 16px "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-weight: 700 !important;
}

.zen .zen-bodyZen, .userTab .brdPalette {
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
  margin: 20px 15px 0;
}
.zen-page .box, body.ready #contentWrapper .box {
   box-shadow: none;
   background: #f5f5f5 !important;
}
h3.topicWidgetHeader.mostUsedTopicHeader {
  margin-bottom: 10px;
}
.profilePage {
  box-sizing: content-box;
}
.profilePage * {
  box-sizing: content-box;
}
.profileTabSetContainer .zen-body.profileTabBody {
  padding: 0 10px;
}
.ios #chatterUploadFileAction,
.blackberry #chatterUploadFileAction,
.android #chatterUploadFileAction {
  display: none;
}
.ios #hiddenFileBtn,
.blackberry #hiddenFileBtn,
.android #hiddenFileBtn {
  display: block !important;
  visibility: visible !important;
}
@media (max-width: 991px) {
  .zen-select,
  .cxallfeedactions .feeditemActionMenu .zen-options,
  .feedcommentactions .commentActionMenu .zen-options,
  .feedmainandrightbar .feedrightbar .zen-options {
    right: 0px!important;
    left: auto!important;
  }
}
.zen-open .zen-trigger {
  background: white;
}
@media (max-width: 991px) {
  .contentPublisherSlideDown .chatterPublisherActionsContainer td {
    display: block;
    width: 100%;
    text-align: center;
  }
  .contentPublisherSlideDown .chatterPublisherActionsContainer td a {
    display: block;
    margin: 0 5px 5px;
  }
  .contentPublisherSlideDown .chatterPublisherActionsContainer #chatterUploadFileActionPanel {
    padding: 10px 0;
  }
  .overlayDialog {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
  .visibilityWidgetParent div.visibilityHelpContainer {
    right: -174px;
  }
}

#bannerImage {
    background-position-x: center !important;
}
.sfdc_richtext u img {
    width: 100% !important;
    max-width: 800px !important;
    height: auto !important;
    margin-bottom: 20px;
}
@media (max-width: 768px) {
.sfdc_richtext u img {
    max-width: 100% !important;
}
}
.group-header .avatar img {
display: none;
}
.group-header .avatar {
    background: rgba(0,0,0,0);
    box-shadow: inset 0 0 10px rgba(0,0,0,0);
}


/*@media screen and (orientation:portrait) and (max-width: 500px) {
#bannerImage {
    background-position-x: right !important;
}
}*/


@media screen and (orientation:portrait) and (max-width: 380px) {

.group-header .nav-tabs>li {
    font-size: 11px;
}
.group-header .nav-tabs>li>a {
   padding: 5px;
}
}

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

.zen .publisherTypeOverflow span.triggerText {
  top: -2px;
}
img.publishericon {
  margin-top: -12px;
}
.zen-select img.publishericon {
  margin-top: 0px !important;
}
#comments {
  border: 0px !important;
}
@font-face {
  font-family: 'icomoon_brand';
  src: url("/api/resource/1485538227000/API_Branding/fonts/icomoon.eot?-bahpq0");
  src: url("/api/resource/1485538227000/API_Branding/fonts/icomoon.eot?#iefix-bahpq0") format('embedded-opentype'), url("/api/resource/1485538227000/API_Branding/fonts/icomoon.ttf?-bahpq0") format('truetype'), url("/api/resource/1485538227000/API_Branding/fonts/icomoon.woff?-bahpq0") format('woff'), url("/api/resource/1485538227000/API_Branding/fonts/icomoon.svg?-bahpq0#icomoon") format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="b_icon-"],
[class*=" b_icon-"] {
  font-family: 'icomoon_brand';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.b_icon-new-tab:before {
  content: "\e600";
}

/*! joe 8.29.23 color */
html,
body,
html .brandQuaternaryBgr,
body.sfdcBody {
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-size: 16px;
  color: #464646;
  background: #f9f9f9!important;
  /*background: -moz-linear-gradient(top, #b4dbd9 0%, #b4dbd9 258px, #b4dbd9 258px, #e6e6e6 258px) !important;
  /* FF3.6+ */
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b4dbd9), color-stop(258px, #b4dbd9), color-stop(258px, #b4dbd9), color-stop(258px, #e6e6e6)) !important;
  /* Chrome,Safari4+ */
  /*background: -webkit-linear-gradient(top, #b4dbd9 0%, #b4dbd9 258px, #b4dbd9 258px, #e6e6e6 258px) !important;
  /* Chrome10+,Safari5.1+ */
  /*background: -o-linear-gradient(top, #b4dbd9 0%, #b4dbd9 258px, #b4dbd9 258px, #e6e6e6 258px) !important;
  /* Opera 11.10+ */
  /*background: -ms-linear-gradient(top, #b4dbd9 0%, #b4dbd9 258px, #b4dbd9 258px, #e6e6e6 258px) !important;
  /* IE10+ */
  /*background: linear-gradient(to bottom, #b4dbd9 0%, #b4dbd9 258px, #b4dbd9 258px, #e6e6e6 258px) !important;
  /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4dbd9', endColorstr='#e6e6e6', GradientType=0) !important;
  /* IE6-9 */
  min-height: 100% !important;
}
[class^="col-"],
[class*=" col-"] {
  word-wrap: break-word;
}
.profileSectionData, .profileSectionData a {
font-size: 14px;
}
td {
  font-family: 16px "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #464646;
}
.feedcontainer {
  line-height: 1.3;
}

/*@media (max-width: 768px) {
html,
body,
html .brandQuaternaryBgr,
body.sfdcBody {
  background: #fff!important;
}
}*/
@media (max-width: 580px) {
/*joechange removed imp*/
html,
body,
html .brandQuaternaryBgr,
body.sfdcBody, td {
  font: 14px "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
}
}
/* Headlines and Typography */
sup {
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
}

h1, h3
{
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform: none;
  /* Color Change - 10/24
    Color of header 1 text
    OLD: color:#04437f;
  */
  color:#048CB1; /* dark teal */
}

h2 {
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
  color:#4f4f4f;
  text-transform: none;
}
h4, h5 {
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
  color:#464646;
  text-transform: none;
  line-height: 1.3;
}
/* CHANGED H1 FONT-WEIGHT TO 300 */
h1 {
  font-size: 37px;
  font-weight:300;
}
h1 sup {
font-size: 15px;
top: -15px;
font-weight: bold;
margin-left: 3px;
}
h2 {
    font-size: 28px;
    font-weight:400;
}
.aside h2, .section .header h2 {
   font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
   font-weight: 500;
}
h3 {
  font-size: 25px;
  font-weight: 500;
  margin-top: 0px;
}
.group-news-item h3 {
   font-size: 21px;
}
/*joe822 MY PROGRESS*/
.my-progress-wrap {
    padding-left: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.summary-welcome-line
{
    font-size: 150%;
    font-weight: 500;
    padding-bottom: 15px;

    /* Color Change - 10/24
      Welcome line on My Progress pageOLD: color: #017bd9;
    */
    color: #048CB1;
}
.list-checkmarks {
padding-left: 0;
}
.list-checkmarks div {
display: list-item;
   font-size: 110%;
   font-weight: 500;
   background: url('/api/resource/1661390313000/API_List_Checkmark') no-repeat left 20%;
   padding-left: 35px;
   list-style: none !important;
   list-style-type: decimal;
   padding-bottom: 8px;
}
.bold-magenta {
   color: #d71c73;
   font-weight: 600;
}
@media (max-width: 520px)  {
.my-progress-wrap {
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}
}
/*joe322*/
.lecture-detail-heading, #qbank h3, #certificateExam h3, #AdditionalResources h3
 {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 0;
    padding-top: 3px;
}
@media (max-width: 991px) {
  .lecture-detail-heading {
  font-size: 14px;
  }
 h4.lecture-detail-info {
    font-size: 12px;
    }
  }
.profileSection h3 {
   font-size: 1em;
}
.lecture-category-heading {
    font-size: 22px;
    color: #fff;
}
.lecture-category-subheading {
  font-size: 18px;
  color: #fff;
}
.lecture-detail-heading a:hover, #qbank h3 a:hover, #certificateExam h3 a:hover, #AdditionalResources h3 a:hover {
    text-decoration: none;
}
@media (min-width: 200px) {
.groups-list .h3, .groups-list h3 {
   font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size: 20px;
   font-weight: 500;
   margin-bottom: 5px;
}
}
.groups-list .h3 a:hover, .groups-list h3 a:hover {
    text-decoration: none;
}
.influenceHover h3 {
    font-size: 1.5em;
    font-weight: 500;
}
.influenceBoxHeader h3 {
    font-size: 1.2em;
    font-weight: 500;
    color: #333435;
}
.topicPage .vfButtonBar h3, .userProfilePage .vfButtonBar h3, h3.topicWidgetHeader.mostUsedTopicHeader, .zen .zen-header h4 {
    font-size: 1.1em;
    font-weight: 500;
    color: #333435;
}
.chatterFilesTabPageHeader .chatterBreadcrumbs .tailNode, .chatterFileBrowsePanel .liItem .notesHeader {
    font-size: 1.7em;
    font-weight: 500;
    color: #333435;
}
.chatterBreadcrumbs .tailNode {
    font-size: 1.35em;
    font-weight: 500;
    color: #024788;
}
h4 {
  font-size: 20px;
}
.lecture-detail-info {
  font-size: 18px;
  color: #024788;
  font-weight: 600;
}
h5 {
  font-size: 18px;
}

#content {background:#f5f5f5;}
@media screen and (max-width:768px){
   #content {
      margin-left: 15px;
      margin-right: 15px;
   }
}
@media screen and (max-width:450px){
   #content {
      margin-left: 0;
      margin-right: 0;
   }
}
header.page-heading {background:#f5f5f5;}

/*STUDY GROUP*/

.groups-list>li {
    margin-bottom: 0;
}

.navbar-default {
    background-color: transparent;
    border-color: #f8f8f8;
    border-bottom: 1px solid #e6e6e6;
    border-top: none;
    border-right: none;
    border-left: none;
}

/*@media (min-width: 768px) {*/
.navbar-default .ec-groups-toolbar .navbar-collapse .pull-left {
    margin-bottom: -9px;
}
.navbar-default .ec-groups-toolbar .navbar-collapse .navbar-nav {
    margin-right: 20px;
}
/*}*/
article .navbar-default .navbar-form {
    max-width: 200px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e6e6e6;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;

}

article .navbar-default .navbar-nav>li>a {
    background: #f6f6f6;
    border: 1px solid #e6e6e6;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    background-color: #f0f0f0;
    color: #34b0ff;
}
.chosen-container-single .chosen-single, .chosen-container .chosen-drop, .chosen-container-active.chosen-with-drop .chosen-single {
    border-color: #ccc;
}
.chosen-container .chosen-single {
    font-size: 1.15em;
    padding-left: 12px;
}
.chosen-container-active.chosen-with-drop .chosen-single {
    background-image: none;
}
.chosen-container .chosen-results {
    margin: 0;
    padding: 0;
}
.chosen-container .chosen-results li {
    font-size: 1.15em;
    padding: 8px 12px;
}
.chosen-container .chosen-results li.highlighted {
    background-color: #ececec;
    color: #34b0ff;
    background-image: none;
}
.btn-group-xs>.btn, .btn-xs {
    padding: 4px 8px;
    font-size: .8em;
    border-radius: 1px;
}
.btn-group-xs .btn-default:hover, .btn-xs a:hover, .page-heading .btn-lg:hover {
    color: #cd38a6;
    background-color: #f8f8f8;
    border-color: #cd38a6;
}
.page-heading .btn-lg {
    padding: 7px 15px;
    border-radius: 1px;
    border: 1px solid #ddd;
    margin-top: 0;
    margin-bottom: 0;
}
.groups-list {
    padding-top: 15px;
}
@media (max-width: 991px) {
.navbar-default .ec-groups-toolbar .navbar-collapse .pull-left {
    margin-bottom: -1px;
}
}
@media (max-width: 767px) {
article .navbar-default .ec-groups-toolbar .navbar-form {
    float: left;
    border: none;
}
.navbar-default .ec-groups-toolbar .navbar-collapse {
    border-top: none;
    display: block;
}
.navbar-default .ec-groups-toolbar .navbar-header {
    display: none;
}
.navbar-default .ec-groups-toolbar .navbar-collapse .navbar-nav>li {
    float: left;
}
.navbar-default .ec-groups-toolbar .navbar-collapse .pull-left {
    margin-bottom: -9px;
}
.navbar-default .ec-groups-toolbar .navbar-collapse .navbar-nav {
    margin: 3px 20px -1px 0;
}
article .navbar-default .navbar-nav>li>a {
    line-height: 29px;
}
}
@media (max-width: 445px) {
.navbar-default .ec-groups-toolbar .navbar-collapse .navbar-nav {
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}
.navbar-default .ec-groups-toolbar .navbar-collapse .navbar-nav>li {
    margin-bottom: -1px;
}
article .navbar-default .ec-groups-toolbar .navbar-form {
    margin-top: 8px;
}
}

/*ACTIVITY WALL*/

#hotTopicsWidget>ul li.hotTopicHeading {
    height: 1.6em;
}
.zen .PeopleListPage .listViewportWrapper .listViewport .topNav h2.title, .zen .chatterListViewHeader h2 span, .listViewportWrapper .listViewport .topNav h2.title, .zen .topNav h2.title, .messageCenterTitle h2, .zen .zen-h2, .zen h2 {
   font-weight: 300;
   font-size: 1.3em;
   color: #464646;
}
.zen .chatterFilesTabPage .browseLabelPanel .browseLabel {
    font-size: 1.15em;
    color: #333435;
}
.rightContent .browseLabelPanel {
    display: inline-table;
}
.zen .chatterFilesTabPage .browseLabelPanel .browseLabel, .rightContent .browseLabelPanel .browseDesc {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.rightContent .browseLabelPanel .browseDesc {
    white-space: nowrap;
    font-size: .9em;
}
.chatterFileListBlock .controls .uploadFile .btnImportant {
   color: #fff;
}
#multiUploadBtn {
   padding-right: 7px;
   padding-left: 7px;
}
.rightContent .browseLabelPanel .browseDesc .newNoteButton {
    white-space: nowrap;
}
.chatterFileListBlock .controls .uploadFile .btnImportant:hover {
   color: #34b0ff;
   text-decoration: underline;
}
.chatterFileListBlock .multiUploadControl .uploadFile .multifile-upload-draganddrop-indicactor {
   padding: 9px 0 0 0;
}
.chatterFileListBlock .multiUploadControl .dragDropZoneDiv span, .zen .chatterListViewContainer .zen-listView .zen-data tr td.emptyText, .contenthub .error {
   color: #464646;
}
.chatterFileListView .uploadFileLink, .chatterFileBrowsePanel .linkItem, .chatterFileBrowsePanel .selectedLinkItem, .chatterFileBrowsePanel .subLinkItem, .chatterFileBrowsePanel .selectedSubLinkItem, .chatterFileListView .fileNameLink, .chatterFileListBlock .fileNameLink, .chatterFileListBlock .folderNameLink, .fileBlock .pbBody a.fileNameLink {
   color: #017bd9;
}
.chatterFileListView .uploadFileLink:hover, .chatterFileBrowsePanel .linkItem:hover, .chatterFileBrowsePanel .subLinkItem:hover, .chatterFileBrowsePanel .selectedSubLinkItem:hover, .chatterFileListView .fileNameLink:hover, .chatterFileListBlock .fileNameLink:hover, .chatterFileListBlock .folderNameLink:hover, .fileBlock .pbBody a.fileNameLink:hover, .author a:hover, .leftContent a:hover {
   color: #34b0ff !important;
}
.chatterFileBrowsePanel .selectedLinkItem:hover, .leftContent .selected a:hover {
   color: #333435 !important;
   text-decoration: none !important;
}
.chatterFileListBlock .controls .uploadFile {
    border-color: #e0e3e5;
    margin-top: 0;
}
#chatterAllMyNotes .liItem, #chatterAllMyFiles .liItem {
    margin-left: 0
}

.chatterFileBrowsePanel .liItem .notesHeader {
    padding-top: 5px;
    padding-bottom: 5px;
}
.chatterFileListBlock .chatterFollowUnfollowAction {
    margin-top: 2px;
}
.chatterFileDetailActionListPanel li {
    margin-bottom: 6px !important;
}

.topBar {
    /*border-top: 1px solid #d7dbde;
    padding-top: 12px;*/
    background-color: #f8f8f8;
    border-top: 3px solid #56458c;
    border-left: 1px solid #e0e3e5;
    border-right: 1px solid #e0e3e5;
    border-bottom: 2px solid #e0e3e5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 10px;
}
.streamList .streamRow {
    width: 100%;
}
.quickfindContainer {
    border-top: 3px solid #56458c;
    background-color: #f8f8f8;
    border-left: 1px solid #e0e3e5;
    border-right: 1px solid #e0e3e5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
#directMessageContainer .hr {
    display: none;
}
#directMessageContainer, #messageContainer, .replyInputContainer {
   width: 100%;
   padding: 15px 10px 10px;
}
#directMessageContainer .sendMessageButton {
    margin-bottom: 12px;
}
.replyInputContainer {
    background-color: #f8f8f8;
    border-bottom: 1px solid #dfe4ea;
}
/*.chatterListViewContainer {
    padding-left: 15px;
}*/
.chatterListViewContainer .tipsLink {
   display: none;
}
.messageSender:hover, .streamMembers:hover {
   color: #34b0ff;
}

.streamList .streamRow {
    height: auto;
    padding: 5px;
}
.streamTimestamp, .messageTimestamp {
    font-size: 80%;
}
.zen .zen-searchBox input[placeholder] {
    font-size: .9em;
}
#messageSearchInput, .zen .zen-searchBox input {
    height: 32px;
    margin-right: 10px;
}
.feedcontainer .comboMenu.feedsupermenu input {
    width: 100%;
}
.replyInputContainer textarea {
    height: 65px !important;
    font-size: .9em;
    color: #999 !important;
    padding: 5px;
    border-color: #b6b6b6;
    box-shadow: 0 1px 1px #e7e7e8 inset;
    width: 100%;
}
.replyInputContainer textarea:focus {
    color: #464646 !important;
}
.zen .zen-searchBox .zen-clearInput {
    top: 36%;
    right: 8%;
    font-size: 14px;
}
.quickfindContainer .quickfindInput {
    background-position: 3px 6px;
}

.zen .listViewportWrapper .zen-navigation {
    height: auto;
    padding: 10px;
}
.zen .listViewportWrapper .zen-navigation .zen-facetnavigation {
    height: auto;
    display: table;
}


.TopicName, .TalkingAbout {
    white-space: normal !important;
}
.zen .chatterListViewContainer td.TopicName {
    width: 60%;
}
.zen .zen-listView.TopicListView .TopicName div {
    width: 100%;
}
.talkingAbout {
    font-size: 85%;
}
.zen .chatter-unfollowIcon {
vertical-align: 0 !important;
}
.zen .chatterListViewContainer .zen-listView>.zen-content {
    color: #777;
}
.zen .chatterListViewContainer .zen-listView .zen-footer .zen-facetfooter {
    width: 100%;
    display: table;
}
.zen .zen-listView .zen-pager {
    float: none;
    display: table-cell;
}
.zen-pagerPageInfo {
    text-align: left;
    width: 26%;
    }

.zen-pagerJumpToPage {
    text-align: right;
    width: 34%;
    }

.zen-pagerNextPrevious {
    width: 40%;
}

.zen .chatterFilesTabPage .rightContent {
    width: 745px;
    padding-right: 15px;
}

.feedcontainer .feeditemfooter, .feedcontainer .feedcommentfooter {
    line-height: 1.2;
}
.feedcontainer .feeditemcomment, .feedcontainer .feeditemextras .feeditemcommentplaceholder, .feedcontainer .feeditemcommentnew {
   /* padding-right: 5px;*/
    background-color: #f8f8f8;
    border-color: #e0e3e5;
}
.feedcontainer .feeditemcommentplaceholder input, .feedcontainer .feeditemcommentnew .foobar {
    border-color: #b6b6b6;
    box-shadow: 0 1px 1px #e7e7e8 inset;
}
.feedcontainer .feeditemcommentnew .newcommentbutton {
    margin: 0;
}

.feedcontainer .zen-select .feeditemActionMenuButton, .feedcontainer .zen-select .commentActionMenuButton {
    padding: 7px 6px 6px 6px;
    border-color: #ccc;
}
.zen .postToDropdown .zen-select .zen-options a {
    border-bottom: none;
}
.zen .zen-options a:active, .zen .zen-options a:focus, .zen .zen-options a:hover, .zen .chatter-select .zen-options a:hover, .zen .chatter-select .zen-options a:focus, .userProfilePage .headerContent .zen-options a:hover, .userProfilePage .headerContent .zen-options a:focus {
    background-color: #f4f4f4;
    color: #017bd9;
}
.topicPage .headerContent {
    margin-bottom: 16px;
}
.zen .zen-mediaExt {
    margin-right: 8px;
    margin-left: 8px;
}
.zen .zen-callout .zen-inner p {
    font-size: .9em;
    padding: 10px;
}
.zen .zen-header {
    margin-bottom: 6px;
}
@media (max-width: 1200px) {
.forceContentFilePreview .slds-file--card {
   width: 28rem;
}
}
@media (max-width: 991px) {
.zen .chatterFilesTabPage .rightContent {
    width: 520px;
}
}
@media (min-width: 767px) and (max-width: 991px) {
.zen .chatterListViewContainer td.TopicName {
    width: 45%;
}
}
@media (max-width: 768px) {
.chatterTabNavigation .topicListView {
    display: block;
}
.forceContentFilePreview, .forceContentFilePreview .slds-file--card {
   width: 100% !important;
   max-width: 450px;
}
}

@media (max-width: 767px) {
.chatterFilesTabPage .leftContent {
    float: none;
}
.chatterFilesTabPage .rightContent {
    margin-left: 0;
}
.topic-infoBubbleWrapper .topic-infoBubble {
    position: absolute;
    left: auto;
    right: 20%;
}
.zen .zen-arrowLeft .zen-arrow {
    left: auto;
    right: 10px;
}
}

@media (max-width: 615px) {
.zen .chatterListViewContainer td.TopicName {
    width: 45%;
}
.zen .chatterFilesTabPage .rightContent {
    width: 490px;
}
}
@media (max-width: 500px) {
.zen .chatterListViewContainer .zen-listView .zen-footer .zen-facetfooter {
    font-size: .90em;
}
.zen .chatterFilesTabPage .rightContent {
    width: 420px;
}
}
@media (max-width: 420px) {
.zen .chatterListViewContainer td.TopicName {
    width: 40%;
}
.TalkingAbout {
    width: 22% !important;
}
.zen .chatterListViewContainer .zen-listView .zen-footer .zen-facetfooter {
    font-size: .60em;
}
.zen .chatterFilesTabPage .rightContent {
    width: 370px;
}
.messageContent {
    margin-top: 27px;
}
.zen .chatterFilesTabPage .browseLabelPanel .browseLabel {
    font-size: 1.07em;
    color: #333435;
}
}

@media (max-width: 390px) {
.zen .chatterFilesTabPage .rightContent {
    width: 300px;
}
.last_modified {
    display: none;
}
.streamList .streamRow .streamPhoto {
   padding-left: 0;
   float: none;
}
.userProfilePage .leftContent {
    padding-right: 20px;
}
}
/* CME VAULT
.pbSubheader
{
  /* Color Change - 10/24
    Section headers
    OLD: background: #024788 !important;
  */
  background: #048CB1 !important;
}
.pbSubheader h3 {
   text-transform: uppercase;
}*/
.cme-case-form-wrap {
max-width: 630px;
}
.cme-case-form-wrap:after {
 content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.cme-case-form-wrap select {
    font-size: 14px;
    margin-top: 3px;
    width: 220px;
}
.cme-case-form-wrap textarea {
    margin-top: 3px;
    padding: 8px;
}
/* USER PROFILE */

div.topicBoxHeader, .influenceBoxHeader {
    height: 1.3em;
}
.influenceText {
    font-size: .80em;
    line-height: 1.2;
}
.vfButtonBar {
    height: 1.5em;
    margin-bottom: 12px;
}
.topicsActionListPanel {
padding: 0;
}

.userProfilePage .headerContent a.zen-trigger {
    padding: 6px 4px 6px 4px;
}
.userProfilePage .headerContent .profileHeader a.zen-trigger {
    padding: 6px 7px;
}
.recentFilesTable td {
   padding-bottom: 10px;
}
.feedcontainer .singlefeeditemheader .thisupdatespan {
    color: #555;
    background: #d4e3f9;
    padding: 8px;
}
.influenceNumber {
    color: #666;
}
.userProfilePage .profileSectionBody {
    line-height: 1.3;
}
.chatterHover .actions {
    padding-top: 12px;
}
.chatterFileDetailActionListPanel {
    line-height: 1.4;
}
.chatterFileDetailActionListPanel .fileSizeLabel {
    vertical-align: middle;
}
.chatterFileDetailActionListPanel .actionLabel {
    vertical-align: middle;
}
.chatterHover>.wrapper {
    min-width: 250px;
}

.chatterHover .hoverInfo {
    max-width: 100%;
    width: 100%;
    font-size: .9em;
    margin-top: 10px;
}
.groupmembership .check, div.groupmembership a .actionIcon {
    vertical-align: middle;
}
.thumbnailPanel .entitiesList a.entityLink span {
    line-height: 1.4;
}
.thumbnailPanel .entitiesList a.entityLink img {
    margin-top: 3px;
}

.profileTabSetContainer .profileTabSetHeader.zen-header {
    margin-top: 0;
}
.feedsupermenu .feedSearchClearIcon {
    top: 8px;
    right: 5px;
}

/* FONT RESIZE FOR MOBILE */
@media (max-width: 580px) {
html
body,
td,
html .brandQuaternaryBgr,
body.sfdcBody, p {
  font-size: 14px;
  }
h1 {
  font-size: 27px;
  font-weight:300;
}
h1 sup {
font-size: 15px;
top: -12px;
font-weight: bold;
margin-left: 3px;
}
h2 {
    font-size: 24px;
}
h3 {
  font-size: 20px;
  font-weight: 300;
  margin-top: 0px;
}
/*joe322*/
.lecture-detail-heading, #qbank h3, #certificateExam h3, #AdditionalResources h3 {
    font-size: 13px;
}
.lecture-category-heading {
    font-size: 20px;
    text-align: center;
}
.lecture-category-subheading {
  font-size: 16px;
  text-align: center;
}
.lecture-detail-info {
  font-size: 16px;
}
h4 {
  font-size: 18px;
  line-height: 20px;
}
.question-text h4 {
    font-size: 15px;
    line-height: 19px;
}
/*joechange*/
h5 {
  font-size: 16px;
}
}

a, a:visited, .chatterPage .chatterUserStatus .chatterUserStatusName a, #hotTopicsWidget>ul li a, .profileSection a, .chatterHover .hoverInfo>.nameAndInfo>.name, .chatterHover .hoverInfo>.nameAndInfo>.nameDiv>.name a, #contentCommentDropdown .contentCommentMenuItem a.contentCommentLink, .feedcommentactions .commentActionMenu .zen-options a, .chatterFileDetailActionListPanel li a, .rightContent .browseLabelPanel .browseDesc .browseLink, .group-news-item a, .group-sidebar-item a
{
  transition:all 500ms ease;

  /* Color Change - 10/24
    Color of a link when hovering over it
  OLD: color: #017bd9;
    */
  color: #34B0FF;
}
html .helpLink
{
  /* Color Change - 10/24
    Color of a link when hovering over it
  OLD: color: #017bd9 !important;
    */
  color: #34B0FF!important;
}
html .helpLink:hover
{
  /* Color Change - 10/24
    Color of a link when hovering over it
  OLD: color: #34b0ff !important;
  */
  color: #F10E78!important;
}
.group-news-item a, .group-sidebar-item a {
    text-shadow: none;
    background-image: none;
}
/*! link colors */
a.alt-link, a.alt-link:visited
{
  text-decoration: underline;

  /* Color Change - 10/24
    Color of a link when hovering over it
  OLD: color: #017bd9;
    */
  color: #34B0FF;
}
a:hover, body a:hover, #hotTopicsWidget>ul li a:hover, .chatterHover .hoverInfo>.nameAndInfo>.name:hover, .contentPublisherSlideDown td a:hover, #contentCommentDropdown .contentCommentMenuItem a.contentCommentLink:hover, .chatterFileDetailActionListPanel li a:hover, .rightContent .browseLabelPanel .browseDesc .browseLink:hover, a:focus, body a:focus
{
  /* Color Change - 10/24
    Color of a link when hovering over it
  OLD: color: #34b0ff;
    */
  color: #F10E78;
}
.group-news-item a:active, .group-news-item a:focus, .group-news-item a:hover, .group-sidebar-item a:active, .group-sidebar-item a:focus, .group-sidebar-item a:hover {
    color: #34b0ff;
    background-image: none;
    text-decoration: none;
}
.course-listing a {
    text-decoration: none;
}
.course-listing a h2:hover, .course-listing a p:hover {
    color: #017bd9;
    text-decoration: none;
}
.container .nav-pills>li.active>a, .container .nav-pills>li.active>a:focus, .container .nav-pills>li.active>a:hover, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
   color: #017bd9;
   background-color: #fff;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
   color: #024788;
   background-color: #ececec;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
   color: #34b0ff;
}
/*! joe 8.29.23 end link colors */
#contentCommentDropdown {
   border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
   padding-left: 0;
   padding-right: 0;
}
#contentCommentDropdown .contentCommentMenuItem a.contentCommentLink {
   padding-left: 10px;
   padding-right: 10px;
}
#contentCommentDropdown .contentCommentMenuItem a.contentCommentLink:hover {
  text-decoration: none;
  background-color: #f4f4f4;
      border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

label {
  font-weight: normal;
}
.row nav {
  text-align: center;
}
/* Layout Elements */
section {
  margin: 0 auto;
}
.box {
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
  background: #fff !important;
  padding: 15px;
}
/*! joe 8.29.23 */
.box {
box-shadow: 5px 5px 9px rgba(137,141,154,.2);
    /*border-radius: 10px;*/
border: 1px solid #f0f0f0;
}
.col-md-6 .box {
  padding: 20px;
}
.row {
  padding-bottom: 5px;
}

/* Global Header */
.top-header-tbl {
float: right;
max-width: 480px;
margin-right: 27px;
}
@media (max-width: 768px) {
.top-header-tbl {
float: right;
max-width: 350px;
margin-right: 0;
}
}
.slds-scope h1, .slds-scope h2, .slds-scope h3, .slds-scope h4, .slds-scope h5, .slds-scope h6, .slds-scope th, .slds-scope td {
 font-family:  "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.top-header-tbl td {
vertical-align: middle;
padding: 0 5px;
}
@media (min-width: 320px) {
#header .top-header-tbl .navbar-form {
padding: 0 !important;
}
}
#header
{
  /* Color Change 10/24
  background: #024788;
  */
  background: #25A4C9;
}
#header .navbar-brand {
  width: auto;
  /*max-width: 121px;*/
}
#header .nav-justified {
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 700 !important;
  font-size: 15px;
  }
#header .nav.nav-justified>li {
width: auto;
}
#header .nav.nav-justified>li>a {
  /* Changed from 10px 40px on 5/9/25 when Message Center was added */
padding: 10px 25px;
}
 /* ADDITIONAL HEADER CHANGES */

 #header .mobile-search {
display: table;
background: #000000; width: 100%;
}

#header .nav-justified
{
    /* Color Chnage - 10/24
       background color of portal top level menu (Home, CME Valult, etc.)
       OLD: background: #01396e;
    */
    background: #048CB1; /* main teal (curious blue) */
}

#header .nav-justified sup {
    font-size: 10px;
    margin-left: 2px;
}

#header #mainnav {
    background-image: none !important;
    background: transparent;
    border-top: none;
}
#header a.navbar-brand:hover, #header a.navbar-brand img:hover
{
  /* Color Change 10/24
  background:#024788!important;
  */
  background:#25A4C9!important;
}
@media (min-width: 768px) {
/*#header .mobile-search {
display: none;
}*/
#header a:hover
{
  /* Color Change - 10/24
     This is the background color when hovering over a
     portal header nav menu option (Home, CME Valult, etc.)
     OLD: background:#ed9f22!important;
  */
  background:#7CC8DE!important; /* light teal */
}
}
@media (max-width: 768px) {
#header a:hover {
    background: none!important;
}
}
#header .dropdown-menu a:hover {
    background:#ececec!important;
    color:#34b0ff;
}
#header .dropdown-menu sup {
  font-size: 10px;
  margin-left: 2px;
}
#header .navbar-default {border-bottom:1px solid #ecbe13;}
#header .nav-justified {
    border:0px;
}
#header .nav-justified #nav-ScheduledContent > a {top:0;}
#header .nav-justified  > li > a {height:39px;top:-1px;}
#header .user-info>li .avatar {
    width: 27px;
    height: auto;
    position: absolute;
    left: 1px;
    top: 2px;
}
.chatterHeaderli a {
    color: #ff2c4f !important;
}
@media (max-width: 1200px) {
#header .nav-justified {
  font-size: 14px !important;
}
#header .nav.nav-justified>li>a {
   padding: 10px 27px;
   height:38px;
}
}
@media (max-width: 991px) {
#header .nav-justified {
  font-size: 12px !important;
}
#header .nav.nav-justified>li>a {
   padding: 10px 16px;
   height:35px;
}
}

@media (max-width: 767px) {
#header .navbar-brand {height: 65px !important; position:inherit; float:left; margin: auto 10px}
#header .navbar-default {height: 75px !important; padding-top: 6px;}
#header .nav-pills {margin-left:5px;margin-top:9px;margin-right: -10px;}
#header .nav-secondary .nav-pills {margin-top:0;}
#header .user-info {padding: 3px 0;}
.navbar-toggle {background-color: #024788 !important;}
.navbar-toggle:hover {background-color: #2f48a9 !important;}
}
#header .navbar-brand img {
  width: auto;
  max-height: 100%;
}
#header .navbar-toggle {
  z-index: 1000;
}

#header .nav-pills {
  font-size: 14px;
  font-weight: 800;
}

/* Page Heading */
.page-heading {
  background: #ecf0f3;
  padding: 20px;
  /*padding-bottom: 78px;*/
}
.page-heading h1 {
  margin: 0 auto;
}
@media (max-width: 767px) {
.page-heading h1 {
  margin-left: 0px;
}
}
.page-heading small {
  font-size: 14px;
  font-weight: 600;
}
.page-heading small a
{
  margin-bottom: 10px;
  display: block;
  text-transform: uppercase;

  /* Color Change - 10/24
    color of Breadcrumb links links "Back to my courses"
    OLD: color: #017bd9;
  */
  color: #34B0FF;
}
.page-heading small a:hover
{
  /* Color Change - 10/24
    color of hover over Breadcrumb links links "Back to my courses"
    OLD: color: #34b0ff;
  */
  color: #F10E78;
}
.box .page-heading {
  background: #fff;
  padding-bottom: 30px;
}
.box .page-heading .container {
  padding: 0px;
}
/* exam refresh icon */
.refresh-icon {
text-align: center;
}
.refresh-icon img {
   width: 60px;
   height: 60px;
   margin-top: 0px;
}
.listing .refresh-exam-tbl td {
   text-align: center;
   font-weight: 600;
   border-bottom: none;
   padding: 0;
}
/* Tabbed Navigation */
 article #tabbed-navigation {
    z-index: 9997;
    position: relative;
  padding: 0;
  height: 48px;
  margin-bottom: -4px;
}
/*! joe 8.29.23 */
#tabbed-navigation .nav-tabs {
border: 0;
  margin: 0 0 0 8px;
  padding: 0;
  height: 48px;
  }
#c-login #tabbed-navigation .nav-tabs {
margin-top: 15px;
}
/*#tabbed-navigation .nav-tabs li {
  font: 18px "Helvetica Neue Condensed", "Open Sans Condensed", "Arial Narrow", "Arial", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  list-style: none;
  color: #1e6a9d;
}*/
#tabbed-navigation .nav-tabs li {
  font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 700;
  font-size: 13px;
  list-style: none;
  text-transform: uppercase;
  border: 1px solid transparent;
   /* box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);*/
        border-radius: 1px 1px 0 0;
    margin-right: 8px;
}
#tabbed-navigation.purchase-progress .nav-tabs li {
  list-style: none;
  text-transform: uppercase;
  border-right: 2px solid #fff;
    border-radius: 0;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    margin-right: 0;
}
#tabbed-navigation.purchase-progress .nav-tabs>li>a {
border-radius: 0;
}
#tabbed-navigation .nav-tabs>li>a
{
  display: block;
  color: #fff;
  border: 0;
  height: 42px;
  text-decoration: none;
  margin-right: 0;
  border-radius: 2px 2px 0 0 !important;

  /* Color Change - 10/24
    The background color of an INACTIVE tab
    OLD: background: #024788; */
   background: #048CB1;
}

#tabbed-navigation .nav-tabs li a,
  #tabbed-navigation .nav-tabs li a:hover,
  #tabbed-navigation .nav-tabs li a:focus {
    padding: 12px 13px;
  }

 /*subtabs*/
 td .filter label, .filter label
 {
    background: url('/api/resource/1729792827000/TAB_CONTROL_ICONS/sub-arrow.png') no-repeat left center;
    -webkit-background-size: 12px 17px;
    -moz-background-size: 12px 17px;
    -o-background-size: 12px 17px;
    background-size: 12px 17px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    padding-left: 16px;
    margin-right: 15px;
    cursor: pointer;

    /* Color Change - 10/24
      Color of an INACTIVE sub-tab
      OLD: color: #017bd9;
    */
    color: #048CB1;
}

td .filter input[type="radio"]:checked+label, .filter input[type="radio"]:checked+label
{
    background: url('/api/resource/1729792827000/TAB_CONTROL_ICONS/sub-arrow-active.png') no-repeat left 55%;
    -webkit-background-size: 17px 12px;
    -moz-background-size: 17px 12px;
    -o-background-size: 17px 12px;
    background-size: 17px 12px;
    font-size: 16pxx;
    padding-left: 20px;

    /* Color Change - 10/24
      Color of an ACTIVE sub-tab
      OLD: color: #fdac2a;
    */
    color: #A5B900;
}

@media (max-width: 992px) {
/*joechange*/
#tabbed-navigation .nav-tabs li {
  font-size: 11px;
  }
  #tabbed-navigation .nav-tabs li a,
  #tabbed-navigation .nav-tabs li a:hover,
  #tabbed-navigation .nav-tabs li a:focus {
    padding: 12px 6px 12px 6px;
  }
}
#tabbed-navigation .nav-tabs li a:hover,
#tabbed-navigation .nav-tabs li a:focus {
  color: #fff;
  text-decoration: none;

  /* Color Change - 10/24
    The background color of a TAB when you hover over it
    OLD: background: #ffb53e; */
  background: #7CC8DE;
}

@media (max-width: 768px) {
#tabbed-navigation .nav-tabs li {
   font-size: 12px;
}
#tabbed-navigation .nav-tabs li a,
#tabbed-navigation .nav-tabs li a:hover,
#tabbed-navigation .nav-tabs li a:focus {
    padding: 10px 5px;
  }
}
@media (max-width: 610px) {
td .filter label, .filter label {
            font-size: 14px;
        }
}
@media (max-width: 450px) {
  #tabbed-navigation .nav-tabs li {
    font-size: 13px;
  }
   #tabbed-navigation .nav-tabs li a,
  #tabbed-navigation .nav-tabs li a:hover,
  #tabbed-navigation .nav-tabs li a:focus {
    padding: 18px 7px !important;
  }
}


@media (max-width: 380px) {

#header .navbar-brand {height: 53px !important;}
td .filter label, .filter label {
            font-size: 12px;
        }
  #tabbed-navigation .nav-tabs li {
    font-size: 12px;
  }
  }
  /*joe722*/
 /* #tabbed-navigation .nav-tabs li a,
  #tabbed-navigation .nav-tabs li a:hover,
  #tabbed-navigation .nav-tabs li a:focus {
    padding: 18px 5px !important;
  }*/
}
/*joe722*/
#tabbed-navigation .nav-tabs li.active {
  /*border: 0px;
  border-bottom: 4px solid #fff;*/
  background: url('/api/resource/1729792827000/TAB_CONTROL_ICONS/down-arrow1.png') no-repeat center bottom;
margin-bottom: -20px;
    -webkit-background-size: 43px 16px;
    -moz-background-size: 43px 16px;
    -o-background-size: 43px 16px;
    background-size: 43px 16px;
overflow: visible;
    z-index: 999;
    height: 55px;
    position: relative;
}

#tabbed-navigation .nav-tabs li.active a,
#tabbed-navigation .nav-tabs li.active a:hover,
#tabbed-navigation .nav-tabs li.active a:focus
{

  /* Color Change - 10/24
    Background color of a TAB that is ACTIVE
    OLD: background:  #ffb53e url('https://www.americanphysician.com/image-assets/down-arrow1.png') no-repeat center bottom;
  */
  background:  #A5B900;

  margin-bottom: -20px;
  -webkit-background-size: 43px 16px;
  -moz-background-size: 43px 16px;
  -o-background-size: 43px 16px;
  background-size: 43px 16px;
  border: 0px;
  color: #fff;
  text-decoration: none;
  height: 42px;
}

#tabbed-navigation .nav-tabs li.disabled {
    pointer-events: none
}
#tabbed-navigation .nav-tabs li.disabled a,
#tabbed-navigation .nav-tabs li.disabled a:hover,
#tabbed-navigation .nav-tabs li.disabled a:focus {
  border: 0px;
  color: #a8a8a8;
  text-decoration: none;
}
/*joechange*/
#tabbed-navigation.purchase-progress li {
  font-size: 14px;
  font-weight: 900;
}
/*joechange*/
#tabbed-navigation.purchase-progress h5 {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 10px;
}
#tabbed-navigation.purchase-progress {
border-bottom: none;
height: 52px;
display: none;
}
@media (max-width: 991px) {
#tabbed-navigation.purchase-progress {
height: auto;
background: #f79502;
padding: 0 10px 2px 0;
}
#tabbed-navigation.purchase-progress h5 {
  padding: 12px 15px 0 15px;
    color: #fff;
}
}
@media (max-width: 758px) {
#tabbed-navigation.purchase-progress h5 {
  padding: 12px 15px 0 20px;
    color: #fff;
}
}
/*@media (max-width: 580px) {
#tabbed-navigation.purchase-progress {
   height: 46px;
}
}*/
@media (max-width: 350px) {
/*#tabbed-navigation.purchase-progress {
height: 41px;
}*/
#tabbed-navigation.purchase-progress h5 {
   font-size: 14px;
}
}
/* Cart changes 6-20 */

.cartpage {
background: #fff;
}
.C-TopHeaderOuterWrap {
background: #000;
padding: 15px 20px;
}
.C-TopHeader {
text-align: right;
}
.C-TopHeader a:link, .C-TopHeader a:visited  {
 color: #fff;
 text-decoration: none;
 font-size: 13px;
 font-weight: 700;
}
#header .C-TopHeader a:hover
{
  /* Color Change - 10/24
    OLD:color: #ed9f22;
  */
  color: #FEF086;
  background: none !important;
}
@media (max-width: 320px) {
#header .form-control {
font-size: 12px !important;
}
}
@media (max-width: 768px) {
.top-header-hide {
display: none;
}
}
.C-MainHeaderOuterWrap {
  /* Color Change 10/24
  background: linear-gradient(0deg, rgba(2,81,154,1) 0%, rgba(1,86,165,1) 50%, rgba(2,74,141,1) 100%);
  border-bottom: 1px solid #083762;
  */
  background: linear-gradient(0deg, rgba(58,170,206,1) 0%, rgba(37,164,201,1) 50%, rgba(58,180,206,1) 100%);
  border-bottom: 1px solid #1E83A0;
  -webkit-box-shadow: 0px 6px 11px 5px rgba(0,0,0,0.24);
  box-shadow: 0px 6px 11px 5px rgba(0,0,0,0.09);

  padding: 30px;
}


.C-MainHeader img {
max-width: 250px;
margin-top: 10px;
}
.C-MainHeader img {
max-width: 250px;
margin-top: 10px;
}
.C-MainHeader img.C-HeaderTag {
 width: 250px;
float: right;
font-size: 18px;
color: #fff;
font-weight: 600;
margin-top: 0;
/*position: absolute;
  top: 50%;
  right: -40%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -ms-transform: translateX(-60%);
  transform: translateX(-60%);*/
 }
 .C-HeaderTag.allbrands {
 width: 480px;
 height: auto;
 margin-top: 20px;
 }
/*! joe 8.29.23 */
  #tabbed-navigation.purchase-progress .nav-tabs li a,
  #tabbed-navigation.purchase-progress .nav-tabs li a:hover,
  #tabbed-navigation.purchase-progress .nav-tabs li a:focus {
    padding: 12px 10px;
    background: none;
    height: auto;
  }
  #tabbed-navigation.purchase-progress .nav-tabs li.active {
  background-image: none !important;
  }
.IntroMessageWrap {
  padding-top: 10px;
  padding-bottom: 40px;
}
/*! joe 8.29.23 */
.C-CartHeading {
 background: #25a4c9;
  color: #fff;
  font-size: 120%;
  font-weight: 700;
  padding:10px 15px;
  margin-bottom: 20px;
  text-transform: uppercase;
  border-radius: 10px 10px 0 0;
}
.C-ToggleLink
{
  /* Color Change - 10/24
    Links in checkout (e.g. CREATE YOUR ACCOUNT on Login)
    OLD: color: #017bd9;
  */
  color: #34B0FF;
}
.C-ToggleLink:hover
{
  /* Color Change - 10/24
    Hover over Links in checkout (e.g. CREATE YOUR ACCOUNT on Login)
    OLD: color: #34b0ff;
  */
  color: #F10E78;
}
.C-CurrentProduct.col-md-8 {
  display: block;
  padding: 10px 10px 20px 10px;
}
.C-CurrentProduct h5 {
  margin-left: 10px;
  margin-right: 10px;
}
.billing-info-wrap {
padding: 0 10px 10px 50px;
}
@media (max-width: 1200px) {
 #tabbed-navigation.purchase-progress li {
   font-size: 13px;
 }
}
@media (min-width: 768px) {
.C-CurrentTotal {
  float: right;
}
}
@media (min-width: 992px) {
.C-CurrentProduct.col-md-8 {
  padding-left: 50px;
  float: right;
}
}
@media (max-width: 992px) {
.C-HeaderTag.allbrands {
 width: 350px;
 margin-top: 25px;
 }
  #tabbed-navigation.purchase-progress .nav-tabs li a,
  #tabbed-navigation.purchase-progress .nav-tabs li a:hover,
  #tabbed-navigation.purchase-progress .nav-tabs li a:focus {
    padding: 16px 10px;
  }
  .billing-info-wrap {
padding-left: 10px;
}
}

#tabbed-navigation.purchase-progress .nav-tabs li.active {
  border-bottom: none;
}
#tabbed-navigation.purchase-progress .nav-tabs li.active a, #tabbed-navigation.purchase-progress .nav-tabs li.active a:hover, #tabbed-navigation.purchase-progress .nav-tabs li.active a:focus {
    background: #47bbdd;
    color: #fff;
}
#tabbed-navigation.purchase-progress .nav-tabs li.disabled a, #tabbed-navigation.purchase-progress .nav-tabs li.disabled a:hover, #tabbed-navigation.purchase-progress .nav-tabs li.disabled a:focus {
  color: #fff;
  background: #25a4c9;
}

@media (max-width: 768px) {
.C-MainHeader img {

margin-top: 0;
}
.C-MainHeader img.C-HeaderTag {
display: none;
/*float: left;
margin-top: 10px;*/
}
.C-CurrentTotal {
  margin-top: 10px;
}
/*.C-MainHeader.allbrands img {
  margin-right: 20px;
}*/
.C-HeaderTag.allbrands, .C-MainHeader.allbrands img {
   float: left;
   clear: both;
 }
.C-HeaderTag.allbrands {
margin-top: 10px;
}
}
@media (max-width: 690px) {
.C-HeaderTag, .C-MainHeader img {
  float: left;
}
.C-HeaderTag {
 margin-top: 25px;
 clear: both;
}
}
@media (max-width: 450px) {
.C-MainHeaderOuterWrap {
padding: 20px 10px;
}
.C-HeaderTag.allbrands {
width: 100%;
max-width: 300px;
}
.C-MainHeader div, .C-MainHeader img, .C-HeaderTag.allbrands {
text-align: center;
float: none;
}
.C-TopHeaderOuterWrap {
background: #000;
padding: 10px 5px;
}
}
/* cart phone and guarantee */
.C-phone-guarantee-cc-outer {
  padding: 30px 10px 0 10px;

 }
 .C-phone-guarantee-wrap {
   max-width: 600px;
   padding-top: 30px;
   clear: both;
 }
.cclogo-wrap {
   max-width: 600px;
  }
.cclogo-img, .cclogo-text {
width: 50%;
}
.cclogo-img {
  max-width: 218px;
}
.cclogo-text {
 margin-top: 10px;
}
#c-login .phone-tbl, #c-login .guarantee-tbl {
width: 80%;
}
.phone-tbl, .cclogo-img {
float: left;
}
.cclogo-text {
  font-style: italic;
  font-size: 88%;
  }
.guarantee-tbl {
  margin-bottom: 30px;
  margin-left: 10px;
  max-width: 270px;
}
.phone-tbl td, .guarantee-tbl td {
    vertical-align: middle;
    /*padding-top: 0;*/
}
.phone-tbl {
    margin-bottom: 30px;
    margin-left: 10px;
}
.phone-tbl td img, .guarantee-tb td img {
    margin-top: 5px;
}
td.guarantee-text-td, td.phone-text-td {
    padding-left: 10px;
    color: #464646;
    font-size: 80%;
}

.guarantee-text-td a, .phone-text-td a {
    /*color: #d71c73;*/
        font-weight: 600;
}
.C-phone-guarantee-wrap td.guarantee-text-td {
    font-size: 80%;
    line-height: 1.4;

}
.C-phone-guarantee-wrap td.phone-text-td {
    font-size: 120%;
  text-transform: uppercase;
  font-weight: 600;
}
@media (max-width: 580px) {
.phone-tbl, .cclogo-img, .cclogo-text {
float: none;
}
 .C-phone-guarantee-wrap {
   padding-top: 10px;
 }
#c-login .phone-tbl, #c-login .guarantee-tbl, .cclogo-img, .cclogo-text {
width: 100%;
}
.C-phone-guarantee-wrap td.phone-text-td {
    font-size: 120%;
  font-weight: 600;
}
}
/* Filtering */
.filter {
  margin: 30px 0px;
}
#certificateExam .filter, #AdditionalResources .filter {
  margin: 10px 0px;
}
#lectures .filter {
  margin-top: 10px;
}

.filter label:hover
{
  /* Color Change - 10/24
    Text color of sub-tab text when hovered over
    OLD: color: #3f79fc;
  */
  color: #A5B900;  /* Lime */
}
/*@media (max-width: 580px) {
.filter label {
  font-size: 14px;
  padding: 7px;
  margin: 0;
}
}*/
/*joe722*/
/*.filter input[type="radio"]:checked + label {
    color: #333333;
    background: #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
}*/
#lectures fieldset, #AdditionalResources fieldset {
    border-bottom: 1px solid #e6e6e6 !important;
}
#lectures fieldset table {
    margin-bottom: -1px;
}
.filter input {
  display: none;
}

#c-login table {
  width: 100%;
}
/* @media (min-width: 992px) {
 #c-login table {
    width: 50%;
  }
}*/
#c-login input {
  width: 100%;
  padding: 10px;
  margin: 5px 0px;
}
#c-login input[type="submit"] {
  width: 50%;
  border-radius: 6px;
  padding: 10px;
  margin: 5px 0;
}
@media (max-width: 758px) {
  #c-login input[type="submit"] {
    width: 100%;
    max-width: 190px;
  }

#c-login label {
  padding-right: 10px;
}
.ecommerce-login .container {
  width: auto;
}
body .ecommerce-login .container.box {
  background: transparent;
  box-shadow: none;
}
.ecommerce-login #c-login table {
  width: 100%;
}
}
/* Homepage Styles */
#welcome.container {
  padding: 0;
  color: #464646;
  text-align: center;
  font-size: 20px;
}
#welcome.container p {
  text-align: center;
  float:none !important;
}
#welcome.container h1 {
  color: #253679;
  margin-bottom: 5px;
}
#welcome.container #tour {
  text-align: right;
  margin-bottom: 10px;
}
#welcome.container #tour small {
  font-size: 16px;
  display: inline-block;
  margin-right: 20px;
}
#welcome.container #tour button {
  vertical-align: bottom;
  margin: 0;
  margin-bottom: 5px;
}
/*joe722*/
#quicklinks {
  padding: 0;
  list-style: none;
  margin: 15px 10px 10px 15px;
}
#quicklinks li {
  display: block;
  box-sizing: border-box;
  width: 100px;
  height: 35px;
  font-family: "Helvetica Neue Condensed", "Open Sans Condensed", "Arial Narrow", "Arial", sans-serif;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  margin: 0 5px 10px 25px;
  float: left;
  position: relative;
}
#quicklinks li img {
  max-width: 100%;
  margin-bottom: 0 5px 5px 5px;
  width: 35px;
  height: 35px;
  margin-right: 5px;
  float: left;
  position: absolute;
  top: 50%;
  margin-top: -22px;
    margin-left: -40px;
}
#quicklinks li.quicklink-webinar {
width: 62px;
}
#quicklinks li.quicklink-audio {
width: 45px;
}
#quicklinks li.quicklink-trans {
width: 75px;
}
#quicklinks li.quicklink-quick-q {
width: 55px;
}
#quicklinks li.quicklink-pdf {
width: 40px;
}
#quicklinks li.quicklink-webinar {
width: 60px;
}
#quicklinks li.quicklink-cme-q {
width: 38px;
}
#quicklinks li.quicklink-cme-q-complete {
width: 65px;
}
#quicklinks li.quicklink-sa-q {
width: 60px;
}
#quicklinks a,
#quicklinks a:hover,
#quicklinks a:visited,
#quicklinks a:focus
{

  text-decoration: none;
  display: block;
  height: 100%;
  width: 100%;
  text-align: left;

  /* Color Change - 10/24
    Text color of action links on Course Detail (e.g. Play Webinar)
    OLD: color: #017bd9;
  */
  color: #048CB1;
}
/* Form Styles */
/*! joe 8.29.23 */
input[type="text"],
input[type="password"] {
  border: 1px solid #d5d5d5;
  padding: 10px;
  max-width: 100%;
}

/* Additional login form styles*/
.initial-login input[type="text"], .initial-login input[type="password"] {
}
.initial-login input[type="submit"] {
    max-width: 200px;
}
.initial-login label, #login label {
    margin-bottom: 0;
}
#login table, #login input[type="text"], #login input[type="password"] {
    width: 100%;
    max-width: 250px;
}

/* End additional login form styles*/

.all-news input[type="text"],
.all-news input[type="password"] {
  margin: 5px 0px;
}
/*! joe 8.29.23 */
button,
input[type="submit"],
.button {
  border-radius:6px;
  border: none;
  color: #fff;
  font-size: 1em;
  padding: 10px 15px;
  margin: 0px 0px;
  display: inline-block;
  font-weight: 700 !important;
  text-align: center;
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
  background: rgb(215,28,115);
background: -moz-linear-gradient(180deg, rgba(215,28,115,1) 0%, rgba(231,12,114,1) 30%, rgba(210,1,85,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(215,28,115,1) 0%, rgba(231,12,114,1) 30%, rgba(210,1,85,1) 100%);
background: linear-gradient(180deg, rgba(215,28,115,1) 0%, rgba(231,12,114,1) 30%, rgba(210,1,85,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d71c73",endColorstr="#d20155",GradientType=1);
}
button:hover,
input:hover[type="submit"],
.button:hover, input:hover[type="button"] {
  background: rgb(255,38,139);
background: -moz-linear-gradient(180deg, rgba(255,38,139,1) 0%, rgba(255,44,153,1) 30%, rgba(218,4,110,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,38,139,1) 0%, rgba(255,44,153,1) 30%, rgba(218,4,110,1) 100%);
background: linear-gradient(180deg, rgba(255,38,139,1) 0%, rgba(255,44,153,1) 30%, rgba(218,4,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff268b",endColorstr="#da046e",GradientType=1);
}
button a,
input[type="submit"] a,
.button a,
button a:hover,
input[type="submit"] a:hover,
.button a:hover,
button a:visited,
input[type="submit"] a:visited,
.button a:visited,
button a:focus,
input[type="submit"] a:focus,
.button a:focus {
  color: #ffe96f !important;
  text-decoration: none !important;
}
button:hover,
input[type="submit"]:hover,
.button:hover,
button:visited,
input[type="submit"]:visited,
.button:visited,
button:focus,
input[type="submit"]:focus,
.button:focus
{
  text-decoration: none !important;
  color: #ffe96f !important;
}
button.alt,
input[type="submit"].alt,
.button.alt
{
  /* Color Change - 10/24
    Background color of a command button when disabled
    OLD: background: #e48c00;
  */
  background: #f6f6f6;           /* light gray */
  color: #575757 !important; ;   /* dark gray */
}
button.alt:hover,
input[type="submit"].alt:hover,
.button.alt:hover
{
  /* Color Change - 10/24
    Background color of a command button when disabled
    OLD: background: #ed9f22;
  */
  background: #f6f6f6;           /* light gray */
  color: #575757 !important; ;   /* dark gray */
}
/*joechange*/
.course input[type="submit"], .C-info-edit-btn, .add-btn {
   background: #f6f6f6;
   border: 1px solid #017bd9;
   color: #017bd9;
   border-radius: 4px;
   padding: 3px 8px;
   font-size: 12px;
   text-transform: uppercase;
   font-weight: 600;
   min-width: auto;
   margin-top: 7px;
   display: inline-block;
}
.course input[type="submit"]:hover, .course input[type="submit"]:focus, .C-info-edit-btn:hover, .add-btn:hover {
   background: none;
   border: 1px solid #d71c73;
   color: #d71c73 !important;
   text-decoration: none;
}
    /**Added styles for input of type button**/
    /*! joe 8.29.23 */
    button,
    input[type="button"],
    .button {
    border-radius: 6px;
    border: none;

    color: #fff;
    font-size: 1em;
    padding: 10px 15px;
    margin: 0px 0px;
    display: inline-block;
    font-weight: 700 !important;
    text-align: center;
    /*box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);*/
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    /*min-width: 130px;*/
    background: rgb(215,28,115);
background: -moz-linear-gradient(180deg, rgba(215,28,115,1) 0%, rgba(231,12,114,1) 30%, rgba(210,1,85,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(215,28,115,1) 0%, rgba(231,12,114,1) 30%, rgba(210,1,85,1) 100%);
background: linear-gradient(180deg, rgba(215,28,115,1) 0%, rgba(231,12,114,1) 30%, rgba(210,1,85,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d71c73",endColorstr="#d20155",GradientType=1);
    }
   /*! joe 8.29.23 */
    /*button:hover,
    input:hover[type="button"],
    .button:hover {
    background: #bc065b;
    }*/
    button a,
    input[type="button"] a,
    .button a,
    button a:hover,
    input[type="button"] a:hover,
    .button a:hover,
    button a:visited,
    input[type="button"] a:visited,
    .button a:visited,
    button a:focus,
    input[type="button"] a:focus,
    .button a:focus {
    color: #fff !important;
    text-decoration: none !important;
    }
    button:hover,
    input[type="button"]:hover,
    .button:hover,
    button:visited,
    input[type="button"]:visited,
    .button:visited,
    button:focus,
    input[type="button"]:focus,
    .button:focus {
    color: #fff !important;
    text-decoration: none !important;
    }
    button.alt,
    input[type="button"].alt,
    .button.alt {
    background: #e48c00;

    }
    button.alt:hover,
    input[type="button"].alt:hover,
    .button.alt:hover {
    background: #ed9f22;
    }

    .course input[type="button"] {
   background: #f6f6f6;
   border: 1px solid #c4c4c4;
   color: #017bd9;
   padding: 3px 8px;
   font-size: 16px;
   font-weight: 500 !important;
   /*box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);*/
   min-width: auto;
}
.course input[type="button"]:hover, .course input[type="button"]:focus {
   background: none;
   border: 1px solid #d71c73;
   color: #d71c73 !important;
}

#loginform {
  font-size: 14px;
}
#loginform table {
  width: 50%;
}
@media (max-width: 580px) {
  #loginform table {
    width: 100%;
    font-size: 18px;
  }
}
#loginform label {
  width: 25%;
}
#loginform input[type="text"],
#loginform input[type="password"] {
  margin: 10px 0px;
  padding: 10px;
  width: 100%;
}
#loginform input[type="submit"] {
  margin: 10px 0px;
}
.lowerMainContent .centerContent .quickfindInput, .lowerMainContent .wholeContent .quickfindInput {
    width: 190px;
    height: 32px;
    font-size: .9em;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px #e7e7e8 inset;
}
a#messageSearchCancel {
    top: 0;
    left: auto;
    right: 20px;
    margin-right: -1px;
}
/* Content/Widget Styles */
.refresh-exam-wrap {
   margin-top: 30px;
   margin-right: 75px;
}
.refresh-exam-tbl {
   float: right;
  }
 @media (max-width: 1199px) {
 .refresh-exam-wrap {
   margin-top: 30px;
   margin-right: 55px;
}
 }
 @media (max-width: 991px) {
 .refresh-exam-wrap {
   margin-top: 30px;
   margin-right: 0;
}
.refresh-exam-tbl {
   float: none;
   margin: auto
  }
 }
 /*joe1022*/
 .slds-scope .slds-grid--align-center, .slds-scope .slds-grid_align-center {
 justify-content: left;
 }
.slds-scope .slds-size--3-of-12, .slds-scope .slds-size_3-of-12 {
width: 18% !important;
}
.slds-scope .slds-size_6-of-12 {
margin-right: 5px !important;
}
.slds-scope .slds-p-left--x-small, .slds-scope .slds-p-left_x-small {
padding-left: 0 !important;
}

/*joe722*/
.action-complete {
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: right;
}
.action-complete input[type="checkbox"] {
  width: 15px;
  height: 15px;
  border-radius: 0px;
}
.action-complete label
{
  font-size: 13px;
  font-weight: 600;

  /* Color Change - 10/24
    The Mark Complete and completed checkbox on Course Detail - Lecture
    OLD:  color: #2f4391;
  */
  color: #048CB1;
}
.action-complete label i {
  display: none;
}
.action-complete input[type="checkbox"]:checked + label i {
  display: inline;
}
.action-complete input[type="checkbox"]:checked + label span {
  display: none;
}
.answers {
  list-style: none;
}
.answers .correct {
  font-weight: bold;
}
.answers .correct:after {
  content: " (Correct Answer)";
  font-style: italic;
}
.answers .selected:before {
  content: "Your Answer: ";
  font-weight: bold;
}
#my-courses hr {
   display: none;
}
.course-listing .course {
  margin: 10px 0px;
  padding: 15px 20px;
  color: #333333;
  min-height: 180px;
  background: #f8f8f8;
  border: 1px solid #fff;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);

}
@media (max-width: 991px) {
.course-listing .course {
  min-height: 160px;
   max-width: 320px;
    float: left;
    margin-right: 10px;
}
}
@media (max-width: 400px) {
.course-listing .course {
  padding: 12px 12px;
     max-width: 100%;
}
.slds-scope .slds-grid--align-center, .slds-scope .slds-grid_align-center {
max-width: 305px;
}
}
.course-listing .course:hover {
   background: #fafafa;
   border: 1px solid #ccc;
}
.course-listing .course h2
{
  font-size: 20px;

  margin: 0;
  font-weight: 400;
  margin-bottom: 5px;

  /* Color Change - 10/24
    The course name text color when listed on Home page and My Courses
    OLD: color: #017bd9;
  */
  color: #048CB1; /* Dark Teal */

}
.purchase-listing .course, .payment-info-cart-item-tr {
  border-bottom: 1px solid #eee;
  margin: 7px 0px;
  padding: 8px 0px;
  color: #464646;
}
.payment-info-promo-code-td {
  padding-bottom: 15px;
}
.payment-info-cart-item-tr td {
padding-top: 10px;
padding-bottom: 10px;
vertical-align: top;
}
.payment-info-cart-total-tr td {
padding-top: 10px;
vertical-align: top;
text-align: right;
white-space: nowrap;
}
.payment-info-cart-item-price-td, payment-info-cart-total-price-td, .payment-info-cart-total-td {
text-align: right;
}
.payment-info-cart-total-td {
text-transform: uppercase;
}
.payment-info-cart-item-td {
color: #024788;
font-weight: 500;
}
.payment-info-cart-item-td, .payment-info-cart-total-td {
padding-right: 10px;
}
.purchase-listing .course h2 {
  font-size: 26px;
  margin: 0;
  font-weight: 300;
  margin-bottom: 5px;
}
.cart-review-total td {
padding-bottom: 7px;
}
.listing .col-md-12
{
  border-bottom: 1px solid #eee;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 10px;
}
@media (max-width: 991px) {
/*joe722*/
.action-complete {
  margin-top: 8px;
}
#lectures .listing .col-md-12 {
  padding-bottom: 40px;
}
}
.progress-container {
  float: right;
  text-align: center;
  text-transform: uppercase;
  color: #464646;
  font-size: 14px;
  margin-left: 10px;
}
.progress-container input {
  font-size:14px!important;
}
.progress-container label {
  display: block;
  margin-top: 5px;
}
.recommended .course h2, .C-CurrentProduct h5 {
  /*float: right;
  text-align: right;
  text-transform: uppercase;*/
  font-size: 125%;
  line-height: 1.2;
  margin-bottom: 10px;
}
.course-price small {
  font-size: 14px;
  text-transform: lowercase;
}
.course-price small a {
  color: #172cc1;
  text-decoration: underline;
}

.cart-total-message-outer:after {
 content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.cart-total-tbl-outer {
float: right;
}
/*! joe 8.29.23 */
/*! Bob 8.14.24 - changed boarder per Miranda */
.promo-message-tbl {
    max-width: 700px;
    float: left;
    width: 60%;
    background: #ffffff;
    margin-bottom: 10px;
    box-shadow: 3px 3px 12px rgba(137,141,154,.2);
    /*border-radius: 10px;*/
    border: 2px solid #1E83A0;
}
.promo-message-tbl:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.deferred:before {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.promo-message-td {
      padding: 15px;
}
.promo-message-td p {
      font-size: 85%x;
      font-weight: 600x;
}

.promo-message-heading {
     font-size: 19px;
     font-weight: 600;
     color: #024788;
}
.fp-img-wrap img {
width: 100%;
}
.featured-table {
    background: no-repeat left top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    max-width: 950px;
    min-height: 180px;
    margin-bottom: 20px;
    float: left;
}
.featured-id {
    vertical-align: middle;
    text-align: center;
    padding: 35px 0;
    width: 33%;
}
.featured-id-wrap {
    border-right: 1px solid #000;
        padding: 0 35px;
}
.featured-message {
    padding: 35px 10px 35px 35px;
}
.featured-cta {
    text-align: center;
        width: 25%;
    padding-right: 20px;
}
.featured-price {
    margin-bottom: 5px;
    margin-top: 0;
}
.featured-price del {
    color: #4e4e4e;
    font-weight: 300;
}
.featured-btn {
    display: inline-block;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    border: 2px solid #fff;
    padding: 8px 20px;
    text-align: center;
}
/*.featured-btn:hover {
    background: #fff;
}*/
.featured-cta a:link, .featured-btn a:visited {
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}
.featured-cta a:hover {
    /*color: #91a478;*/
    text-decoration: none;
}
@media (max-width: 1023px) {

}
@media (max-width: 980px) {
.promo-message-td p {
font-size: 14px;
}
.promo-message-td {
padding: 10px;
}
.recommended-tbl {
    width: 220px;
    margin-right: 8px;
    margin-bottom: 15px;
}
.recommended-img {
    padding: 125px 10px 3px 10px;
    font-size: 12px;
    height: 220px;
     max-width: 220px;
}
.featured-table h5 {
    font-size: 17px;
}
.featured-table h6 {
    font-size: 15px;
}
.featured-table p {
    font-size: 13px;
}
}

@media (max-width: 768px) {
    .featured-table tbody, .featured-table tr, .featured-table td {
        display: block;
        width: 100%;
        max-width: 400px;
        text-align: center;
        margin: auto;
    }
     .featured-table {
     display: block;
        max-width: 400px;
        text-align: center;
        margin: 0 auto 20px;
        float: left;
        }

 .featured-table:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.featured-id {
        border-right: none;
    vertical-align: middle;
    text-align: center;
    padding: 20px 0 10px;
    width: 100%;
}
.featured-id-wrap {
    border-right: none;
        padding: 0 15px;
}
.featured-message {
    padding: 10px 15px 10px 15px;
}
.featured-cta {
    text-align: center;
        width: 100%;
    padding: 0 15px 20px 15px;
}
}
.recommended-wrap {
    max-width: 1100px;
}
.recommended-tbl {
    width: 230px;
    height: 285px;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}

.recommended-img
 {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    padding: 130px 10px 3px 10px;
    height: 230px;
    max-width: 230px;
    vertical-align: top;
}
.recommended-img p {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px !important;
    line-height: 1.2;
}

body .recommended-img p a, body .recommended-img p a.visited {
    color: #fff;
}
body .recommended-img p a.hover {
    color: #ffe28c !important;
    text-decoration: none;
}
.recommended-text {
    vertical-align: top;
    line-height: 1.4;
    text-align: center;
    background: #ebebeb;
    padding: 10px;
    font-weight: 700;
     font-size: 15px !important;
}
.recommended-text a, .recommended-text a:visited {
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid #017bd9;
   color: #017bd9;
   padding: 5px 10px;
   line-height: 1.1;
   font-size: 14px;
   text-transform: uppercase;
   /*box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);*/
   min-width: auto;
   margin-top: 7px;
   display: inline-block;
}
.recommended-text a:hover {
    text-transform: uppercase;
    border: 1px solid #34b0ff;
   color: #fff;
   text-decoration: none;
   background: #34b0ff;
}

@media (max-width: 690px) {
.promo-message-tbl {
    float: none;
    width: 100%;
}
}
@media (max-width: 600px) {
.recommended-tbl {
    width: 190px;
    margin-right: 8px;
    margin-bottom: 15px;
}
.recommended-img {
    padding: 110px 7px 7px 7px;
    height: 190px;
     max-width: 190px;
}
.recommended-img p {
    font-size: 11px;
    margin-bottom: 5px !important;
    line-height: 1.1;
}
.recommended-text {
    font-size: 15px !important;
    }
}
@media (max-width: 465px) {
.recommended-tbl {
    width: 145px;
    margin-right: 3px;
    margin-bottom: 15px;
    height: auto;
}
.recommended-img {
    padding: 80px 3px 3px 5px;
    height: 145px;
    max-width: 145px;
}
.recommended-img p {
    font-size: 10px;
    margin-bottom: 4px !important;
    line-height: 1;
}
.recommended-text {
    font-size: 12px !important;
    }
.recommended .course h2, .C-CurrentProduct h5 {

  font-size: 118%;

}
}
.recommended .course h2, .C-CurrentProduct h5
{
  font-weight: 500;
  /* Color Change - 10/24
    Color of text of course names in the Cart contents, recommened courses, etc.
    OLD: color: #024788;
  */
  color: #048CB1;
}

.exam-buttons-mobile  input[type="submit"], .exam-buttons-mobile .button, .action-complete input[type="submit"], .action-complete .button, .exam-question-save input[type="submit"],  .exam-question-save .button {
    font-size: .9em;
}

@media (max-width: 465px) {
.action-complete input[type="submit"] {
     margin-bottom: 5px;
}
.exam-buttons-mobile .button.alt {
     margin-top: 15px;
}
}
.course-price {
  font-size: 120%;
  color: #464646;
  font-weight: 700;
  text-align: right !important;
}
@media (max-width: 465px) {
.course-price {
  font-size: 100%;
  padding-right: 0;
}
}
.course-price strike {
  font-weight: 400;
}
.recommended .course-price small {
  font-size: 12px;
}
.button.large {
  width: 100%;
  padding: 20px;
  margin: 10px auto;
}
.button.large:hover,
.button.large:visited,
.button.large:focus {
  color: #fff !important;
  text-decoration: none !important;
}
.results.row {
  border-bottom: 1px solid #ddd;
}

/* Global Footer */
.wrapper.blue-area {
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  }
.wrapper.blue-area a {
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  margin-right: 20px;
}
.wrapper.blue-area .copyright {
  color: #b7b6b6;
  font-size: 14px;
}
/*@media (max-width: 745px) {
.wrapper.blue-area .pull-left {
   float: none !important;
}
}*/
/* Pagination */
.pagination {
  margin: 10px 0px;
}
.pagination [class^="hidden-"],
.pagination [class*=" hidden-"] {
  display: none;
}
.pagination > li > a,
.pagination > li.disabled > span,
.pagination > li:first-child > a,
.pagination > li:last-child > a {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  padding: 0 10px;
  background: #E0DEDF;
  margin: 0px 5px;
  color: #666465;
}
.pagination > li.disabled > span,
.pagination > li.disabled > span:hover {
  background: #fff;
  color: #E0DEDF;
}
.pagination > li > a:hover,
.pagination > li:first-child > a:hover,
.pagination > li:last-child > a:hover {
  background: #dddddd;
  color: #666465;
  border-color: #017bd9;
}
.pagination > li.active > a {
  background: #1DB3B7;
  color: #fff;
  border-color: #1DB3B7;
}
.pagination > li.active > a:hover {
  background: #1DB3B7;
  color: #fff;
  border-color: #1DB3B7;
}
.review-answers {
  list-style: none;
  padding: 0px;
}
.review-answers li {
  margin: 5px 0px;
}
.vignette li {
  margin: 5px 0px;
}
@media (max-width: 580px) {
.review-answers li {
font-size: 14px;
}
}
.listing table {
  width: 100%;
}
.listing td {
  border-bottom: 1px solid #ddd;
  padding: 4px 0px;
}
.listing input[type="radio"] {
  float: left;
}
.listing label {
  width: 95%;
  float: right;
}
.listing label span {
  white-space: nowrap;
}
.lecture-status {
   margin-right: 30px;
}
@media (max-width: 414px) {
.mark-complete {
   margin-left: 0;
}
}
table.list td {
  padding: 3px 0px;
  border-bottom: 1px solid #ddd;
}
.result-text {
width:70%;
}
@media (max-width: 758px) {
.result-text {
width:90%;
}
}
@media (max-width: 580px) {
.your-result,
.peer-result {
width:100% !important;
}
}
.your-result,
.peer-result {
  padding: 5px;
  color: #fff;
  text-align: right;
  margin: 1px 0px;
  font-size: 12px;
  font-weight: bold;
  word-wrap: normal;
}
.your-result.percent0,
.peer-result.percent0 {
  color: #000;
  background: transparent !important;
}
.your-result {
  background: #f0b30f;
}
.peer-result {
  background: #223257;
}
.print .your-result {
  border: 1px solid #000;
}
.print .your-result.percent0 {
  color: #000 !important;
  border: 0px;
}
.print .peer-result {
  border: 1px solid #888;
}
.print .peer-result.percent0 {
  color: #888 !important;
  border: 0px;
}
span.your-result,
span.peer-result {
  display: inline-block;
  width: 30px !important;
  height: 10px;
}
.cart-totals {
  width: 100%;
}
.cart-totals td {
  width: 50%;
}
.correct {
  color: #02a358;
}
.incorrect {
  color: #d40046;
}
hr {
  border-color: #ebebeb;
}
hr.thick {
  border-top: 4px solid #ebebeb;
  margin-bottom: 30px;
}
.col-centered {
  float: none;
  margin: 0 auto;
}
.checkout-wrapper td {
  font-size: 16px !important;
}
.checkout-form {
  width: 100%;
}
/*joechange*/
.checkout-form td {
  vertical-align: top;
  height: 40px;
  padding-bottom: 10px;
}
/*! joe 8.29.23 */
.checkout-form input, .all-news .checkout-form input[type="text"] {
  width: 100%;
  padding: 10px;
  margin: 5px 0px;

}
/*joechange*/
select {
  padding: 6px;
}
.checkout-col select {
  margin: 5px 0px;
  background: #f7f6f3;
  border: 1px solid #d5d5d5;
}
.checkout-form input[type="password"] {
  width: 100%;
  padding: 10px;
  margin: 5px 0px;
}
.checkout-form .dateFormat {
  display: none;
}
.checkout-col {
float: left;
width: 45%;
min-width: 300px;
}
.checkout-left-col {
margin-right: 50px;
}
div.AuthorizeNetSeal, div.AuthorizeNetSeal a img  {
width: 70px !important;
height: auto;
}
@media (max-width: 768px) {
.checkout-col {
float: left;
width: 70%;
min-width: 300px;
}
}
@media (max-width: 580px) {
.checkout-col {
float: left;
width: 100%;
min-width: auto;
}
}
@media (max-width: 350px) {
.checkout-form {
   width: 90%;
}
.checkout-form select, .checkout-form option {
    max-width: 260px;
}
}
@media (max-width: 991px) {
.checkout-review {
margin-bottom:-40px;
width: 80%;
}
}
@media (min-width: 992px) {
.checkout-review {
margin-bottom:-20px;
margin-top:-30px;
width: 80%;
}
}
@media (min-width: 1199px) {
.checkout-review {
margin-top: 0px;
width: 56%;
}
}
.view-cart-btn {
float:right;
padding-top:16px;
vertical-align: bottom;
}
@media (max-width: 465px) {
.view-cart-btn {
float:left;
padding-top:10px;
vertical-align: bottom;
}
}
.checkout h4 {
   color: #024788;
}
.discount {
  color: green;
  padding-top: 10px;
}
.total {
  font-weight: 700 !important;
  font-size: 140%;
  text-transform: uppercase;
  padding-top: 10px;

}
.ecommerce-logo {
  display: inline-block;
  margin-left: 20px;
}
.ecommerce-logo img {
  max-height: 65px;
}
.vignette {
  background: #fcfcfc;
  border: 1px solid #e5e5e5;
  padding: 5px 15px;
}
.vignette h5 {
  font-weight: bold;
}
.question-media video,
.question-media audio,
.question-media img {
  max-width: 100%;
}
.question-media video,
.question-media audio {
  width: 100%;
}
.errorM6,
.errorM4,
.errorM3,
.errorM2,
.errorS1 {
  border-color: #ecb216;
  border-radius: 0px;
  background: #ffeebf;
}
.errorM3 .msgIcon,
.errorMedium {
  background-image: url("/api/resource/1485538227000/API_Branding/images/error.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.message {
  padding: 10px 20px;
}
.container .alert, .container .message {
 margin: 7px 0 0 0;
}
.message .messageTable {
  width: 100% !important;
}
.message .messageTable ul {
  margin-left: 20px !important;
}
.message .messageText {
  margin: 0px;
  margin-left: 10px;
}
.message .messageText h4 {
  font-weight: normal;
  color: #ffba00;
  font-size: 20px;
  display: inline-block;
  margin-right: 10px;
}
.message .messageCell {
  width: 98%;
}
@media (max-width: 768px) {
  .feedcontainer .feeditemlinkpost {
    display: none;
  }
}
.threecolumn,
.userProfilePage,
.profilePage.userProfilePage .mainContent,
.publishercontainer,
.feedcontainer {
  margin-right: 0px;
  max-width: 100%;
  width: auto;
}
    .influenceBoxHeader  h3  span  div {
    font-size:12px;
    }
.publishercontainer {
    overflow:visible;
    }
#login [id*="password-tips"] {
  padding: 5px;
  display: block;
  float: left;
}
#login [id*="password-tips"] .password-tip-text {
  margin-top: 10px;
  display: none;
}
table th {
  text-align: left;
}
@media (max-width: 768px) {
.threecolumn .mainContent {
margin-left: 0;
width: 100%;
}
  table th {
    font-size: 12px;
  }
}
table.borders th,
table.borders td {
  padding: 10px 3px;
  border-bottom: 1px solid #ddd;
}

.payment-info {
  display: block;
  word-wrap: break-word;
  margin-bottom: 20px;
}
.payment-info h5 {
  word-wrap: break-word;
  margin-top: 0;
  border-bottom: 1px solid #d8d9da;
}
@media screen and (max-width:991px){
.payment-info {
  float: left;
  margin-right: 20px;
  }
}
/* CHANGING COLORS */
p, ol, ul, .noTopics, .cke_contents .body, .profileSectionBody, .feedcontainer .feeditemcommentnew .foobar, .slds-scope {
    color: #464646;
}

#welcome p, #welcome h1 {color:#464646;}

@media screen and (min-width:768px){
.featured-groups-list > li:last-child > div {border-top:1px solid #ebebeb;}
.featured-groups-list > li:first-child > div {border-bottom:1px solid #ebebeb;}
/*! joe 8.29.23 - color */
#content, .zen .zen-page, body.ready #contentWrapper, body.ready #page {background:#f9f9f9; margin-bottom: 40px;}
header.page-heading {background:none;}

#header .user-info>li .avatar {
    top: 50%;
    margin-top: -14px;
    z-index: 1;
    left: 9px;
}
}


h3.ellipsis {color:#017bd9;}
h3.ellipsis:hover {color:#024788;}
.featured-groups h2, .featured-members h2 {color:#024788;}
div.bio-detail h3 {color:#024788!important;}
div.bio-detail .label {color:#024788;}
.featured-groups-list a {background-color:white;}

footer .more a, section footer .icon-more {color:#017bd9;}
footer .more a:hover, section footer .icon-more:hover {color:#34b0ff;}
section footer .icon-more {
font-size: 12px;
font-weight: 700;
}

.group-header .shading {
background:none!important;
}
.group-header .avatar {
background:none!important;
box-shadow:none!important;
}
/*@media (max-width: 768px) {
.group-header .avatar {
height: 200px;
}
}
@media (max-width: 550px) {
.group-header .avatar {
height: 30px;
}
}*/
.htmlDetailElementTable .sfdc_richtext, .group-sidebar .group-sidebar-item span {
   font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif!important;
   color:#464646;
}

section.group-sidebar-item {
   margin-bottom: 13px;
}
section.group-sidebar-item h3 {
   font-size: 20px;
   text-transform: uppercase;
   margin-bottom: 5px;
   padding-bottom: 3px;
   border-bottom: 1px solid #d8d9da;
}
section.group-sidebar-item h3 span {
   color: #024788 !important;
}

/* .user-info .dropdown-menu > li:first-child,
.user-info .dropdown-menu .divider {
    display:none;
} */

#header .nav > li.active {
    background:transparent;
}

p {
    float:none !important;
    margin:0 0 10px !important;
}
section header h2, section header p, section header>div {
padding-right: 0;
}
.h3B {
    font-size: 17px;
    font-weight: 700;
    margin-top: 0px;
    line-height: 1.3;
   }
@media (max-width: 767px) {
.h3B {
    font-size: 16px;
   }
}

/* CORE CONNECT OVERRIDES */

article.container.box.group-detail .text-center {
    text-align: inherit;
}

article.container.box.group-detail .col-xs-0 {
width: 100%;
padding: 0 0 30px 0;
}

.featured-groups-list .h3, .featured-groups-list h3 {
font-size: 22px;
color: #017bd9;
text-transform: none;
font-weight: 500;
}

aside h2, section header h2 {
    font-size: 24px;
}

@media (min-width: 320px) {
.featured-groups-list a {
    padding: 15px 20px 15px 5px;
}
.featured-groups-list a.all-groups:focus, .featured-groups-list a.all-groups:hover, .featured-groups-list a:focus, .featured-groups-list a:hover {
    background-color: #f8f8f8;
}

.featured-groups-list>li:after {
display:none;
}

section header {
    margin-bottom: 5px;
    border-bottom: none;
}

/************HEADER STYLE***********/
        .header-wrap {
        padding-left: 0;
        padding-right: 0;
    }

    #header #mainnav
    {
      text-transform: uppercase;

      /* Color Chnage - 10/24
       background color of portal top level menu bar with no menu items
       OLD: background: #01396e;
      */
      background: #048CB1; /* dark teal */
    }

    #header .nav>li>a {
    color: #fff;
    }
    .chatterHeaderli img {
    margin-top: -4px;
    }
    #header .nav>li>a:focus {
    background: transparent;
    }

    .container {
        background: 0px 0px;
    }

    #header .navbar
    {
        margin-bottom: 0px;
        border-width: initial;
        border-style: none;
        border-color: initial;
        border-image: initial;
        border-radius: 0px;

        /* Color Change - 10/24
           This is the background of the main header of the portal
           OLD: background: #02437f;
           OLD: border-bottom:1px solid #ed9f22;
        */


        background: linear-gradient(0deg, rgba(58,170,206,1) 0%, rgba(37,164,201,1) 50%, rgba(58,180,206,1) 100%);
        border-bottom: 1px solid #1E83A0;
        -webkit-box-shadow: 0px 6px 11px 5px rgba(0,0,0,0.24);
        box-shadow: 0px 6px 11px 5px rgba(0,0,0,0.09);

    }
    #header .nav-secondary {
        float: right!important;
        margin-top: 10px;
        margin-right: 10px;
    }

    @media (min-width: 768px) {
        #header .navbar {
            padding: 20px 20px 10px;
            margin-bottom: 0;
            font-size: 16px;
        }
    }
    @media (max-width: 768px) {
      #header .initial-login {
            padding-right: 30px;
            margin-top: 0;
        }
    }
    .navbar-brand {
        float: left;
        padding: 9px 10px;
        font-size: 18px;
        line-height: 20px;
        height: auto;
    }

    #header .input-group .form-control:first-child {
        font-style: normal!important;
    }

    #header .input-group .form-control:first-child {
        border-bottom-left-radius: 1px;
        border-top-left-radius: 1px;
        height: 35px;
        padding-left: 14px;
    }

    @media (min-width: 768px) {
        .navbar-form .input-group>.form-control {
            width: 100%;
        }
    }

    #header .input-group-btn:last-child > .btn {
        border-bottom-right-radius: 1px;
        border-top-right-radius: 1px;
        padding-right: 12px;
        height:28px;
        display: contents;
    }

     .input-group .input-group-btn {
        background: #fff;
        padding-right: 12px;
        border-bottom-right-radius: 1px;
        border-top-right-radius: 1px;
    }
  @media (min-width: 320px) {
  #header .navbar-form .input-group .input-group-btn {
  width: 36px !important;
  }
  .icon-search {
      color: #017bd9;
    font-size: 18px;
    font-weight: bold;

    #header .input-group {
    width: 200px;
    }
    }
     @media (min-width: 768px) {
    #header .input-group {
    width: 290px;
    }
    }
    .icon-search:hover {
      color: #34b0ff;
      }

    @media (min-width: 768px) {
        #header .navbar-form {
            padding: 16px 10px 10px 10px;
            margin: 0;
        }
    }

#header .nav-secondary .nav > li > a:hover, #header .nav > li > a:focus
{
  background: none !important;

  /* Color Change - 10/24
     Text color when hovering over the portal header My Account link
     OLD: color: #ed9f22;
  /*
  color: #FEF086; /* light yellow */
}

.nav-secondary .dropdown-menu {
    left: auto;
    right: 0;
}
    @media (max-width: 375px) {
       #header .container {
           padding-left: 5px;
           padding-right: 0;
       }
    }

/************FOOTER STYLE***********/
    /*! joe 8.29.23 */
    .wrapper.blue-area {
        background: #606164 !important;
    }
    .wrapper {
        background-color: #ffffff;
        padding: 30px 0 20px;
    }

    #footer a, #footer {
       color:#fff;
    }
    .links-secondary ul {
       list-style-type: none;
    }

    @media (min-width: 992px) {
        .footer-wrap {
            padding: 40px 40px 40px 20px;
        }
    }

    @media (min-width: 768px) {
        .footer-wrap {
            padding: 40px 20px;
        }
    }

    .container {
        background: none;
    }

    @media (min-width: 1200px) {
    .container {
        width: 1160px;
    }
    }

    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    #footer .copyright {
        display: block;
        font-size: 9px;
        clear: both;
        padding-top: 5px;
    }

    @media (min-width: 992px) {
        #footer .copyright {
            clear: left;
        }
    }

    @media (min-width: 992px) {
        #footer .copyright, #footer .feedback, #footer .social {
            clear: none;
        }
    }

    @media (min-width: 768px) {
        #footer .copyright {
            font-size: 12px;
        }
    }

    @media (min-width: 768px) {
        #footer .copyright, #footer .feedback, #footer .social {
            clear: both;
            float: left;
            padding-top: 20px;
        }
    }


    .wrapper.blue-area .copyright {
        color: #b7b6b6;
        font-size: 14px;
    }

    .wrapper.blue-area .copyright {
        color: #b7b6b6;
        font-size: 14px;
    }

}

.star-rating fieldset {
    font-size:0;
    white-space:nowrap;
    display:inline-block;
    width:100px;
    height:20px;
    overflow:hidden;
    position:relative;
    background:
    url('data:image/svg+xml;utf-8,<svg enable-background="new 0 0 20 20" height="20px" version="1.1" viewBox="0 0 20 20" width="20px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><polygon fill="%23DDDDDD" points="10,0 13.09,6.583 20,7.639 15,12.764 16.18,20 10,16.583 3.82,20 5,12.764 0,7.639 6.91,6.583 "></polygon></svg>');
    background-size: contain;
}

.star-rating input {
    -moz-appearance:none;
    -webkit-appearance:none;
    opacity: 0;
    display:inline-block;
    width: 100%;
    height: 100%;
    margin:0;
    padding:0;
    z-index: 2;
    position: relative;
}

@media (min-width: 992px) {
  .star-rating input:hover + label {
    opacity: 1;
  }
}

.star-rating input:checked + label {
    opacity: 1;
}

.star-rating label {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20%;
    z-index: 4;
    background:
    url('data:image/svg+xml;utf-8,<svg enable-background="new 0 0 20 20" height="20px" version="1.1" viewBox="0 0 20 20" width="20px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><polygon fill="%23ED9F22" points="10,0 13.09,6.583 20,7.639 15,12.764 16.18,20 10,16.583 3.82,20 5,12.764 0,7.639 6.91,6.583 "></polygon></svg>');
    background-size: contain;
}

.star-rating td ~ td label {
    width: 40%;
    z-index: 3;
}

.star-rating td ~ td ~ td label {
    width: 60%;
    z-index: 2;
}

.star-rating td ~ td ~ td ~ td label {
    z-index: 1;
    width: 80%;
}

.star-rating td ~ td ~ td ~ td ~ td label {
    z-index: 0;
    width: 100%;
}

.featured-login-container-desktop {
  display: block;
  margin: 0 10px 0 0;
  padding: 0px;
}

    .lastAdContainer{
    margin-right:0;
    }
    
  .featured-login-container-desktop-wide{
    width: 100% !important;
  	height: auto;
  	margin-bottom: 10px;
    padding-right:10px;
  }

.featured-login-image-desktop {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.featured-login-container-mobile {
  display: block;
  padding: 0px;
}

.featured-login-image-mobile {
  width: 100%;
  max-width: 450px;
  height: auto;
    margin-bottom: 10px;
}

.course-detail-tab-msg
{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #f6f6f6;
  border-width: 1px;
  border-top-width: 1px;
  border-top-style: solid;
  border-left-width: 1px;
  border-left-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
  margin-top: 10px;
  margin-bottom: 30px;

  /* Color Change - 10/24
      Message boarder
      OLD: border-color: #253679;
  */
  border-color: #048CB1;
}

.C-MainHeader-BehalfOf
{
  font-size: 150%;
  font-weight: bold;
  color: #FEF086;
}

/*  new code for page redesign */
/*  -------------------------- */
.loginheader{
    padding:10px 30px;
}
.loginpage{
    padding:0 !important;
        margin:0 auto;
}
.loginpage .row{
    margin:0 auto;
    padding:0;
    max-width:1440px;
    display:flex;
}
.loginpage .C-MainHeaderOuterWrap{
    padding:10px 30px;
}
.nav-header{
    display:inline-block;
    float:right;
    width:60%;

}
.nav-header .icon {
    display: none;
}
.menu, .menu-item-has-children{
    position: relative;
    display: inline-block;
    float:left;
    padding:4px 10px;
}
.menu{
    list-style-type: none;
    float:right;
}
.menu-item-has-children:hover{
    cursor:pointer;
}
.menu-item-has-children:hover .sub-menu {
    display: block;
    cursor:pointer;
}
.menu-item-has-children{
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.menu-item-has-children span{
    color:#fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    font-family: 'Lato',Arial,Helvetica,Tahoma,sans-serif;
}
.sub-menu{
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    color:#333;
    list-style-type: none;
    padding:0;
    margin:0 auto;
}
.sub-menu span{
    color:#333;
}
.sub-menu .menu-item{
    padding:10px;
    text-align:left;
}
.sub-menu .menu-item a{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    font-family: 'Lato',Arial,Helvetica,Tahoma,sans-serif;
}
.sub-menu .menu-item:hover a{
    text-decoration:none;
    color:#fff !important;
}
.sub-menu .menu-item:hover span{
    color:#fff !important;
}
.sub-menu .menu-item:hover{
    background-color:#1E83A0;
    color:#fff;
}

.topbanner{
    background:url(/api/resource/1737412048000/TPMhomeherotop);
    height:auto;
    background-size:cover;
    background-position:center top;
    background-repeat:no-repeat;
    float:left;
    min-height:300px;
    width:100vw;
    padding-top:20px;
    padding-bottom:20px;
}
.topbanner-inner{
    max-width:1100px;
    float:initial;
    margin:0 auto;
    padding:30px 40px;
}
.topbanner h1{

    font-family:'Inter Tight',Helvetica,Arial,Tahoma,sans-serif;
    font-size:45px;
    color:#048CB1;
    font-weight:900;
    line-height:2em;
}
.topbanner h1 span{
    font-family:caveat;
    font-size:100px;
    color:#25A4C9;
    font-weight:500;
}
.topbanner h2{
    font-weight:600;
    width:55%;
    font-family: 'Lato', Arial, Helvetica, Tahoma, sans-serif;
    line-height: 1.3;
    font-size: 29px;
    padding-top:0;
    max-width:530px;
    color:#505050;
    margin-top:15px;
    margin-bottom:10px;

}

.nextbanner, .lightningbanner, .nextbanner-mobile{
    background-color:#1E83A0;
    background:linear-gradient(3deg, rgba(0,146,190,1) 0%, rgba(0,165,203,1) 38%, rgba(0,162,204,1) 50%, rgba(2,180,226,1) 80%);
    height:auto;
}
.nextbanner .row , .nextbanner-mobile row{
    max-width:1200px;
    margin:0 auto;
}
.nextbanner h1, .nextbanner-mobile h1{
    color:#fff;
    font-weight:900;
    text-align:center;
    font-size:30px;
}
.nextbanner h3, .nextbanner-mobile h3{
    color:#FFE96A;
    font-weight:600;
    text-align:center;
    margin-bottom:20px;
}
.nextbanner .row{
    display:flex;
    padding:10px;
}
.nextbanner .row div{
    border-right:1px solid #fff;
    flex:1;
}
 .nextbanner .row div:last-of-type{
    border-right:none;
}
.nextbanner-mobile{
    margin-bottom:1em !important;
}
.roundedbluebox, .loginstage .checkout-form{
    background:linear-gradient(3deg, rgba(0,146,190,1) 0%, rgba(0,165,203,1) 38%, rgba(0,162,204,1) 50%, rgba(2,180,226,1) 80%);
}
.loginstage .checkout-form{
    /* background: linear-gradient(180deg, rgba(215, 28, 115, 1) 0%, rgba(231, 12, 114, 1) 30%, rgba(210, 1, 85, 1) 100%);*/
/* border: 4px solid rgba(215, 28, 115, 1);*/
    box-shadow:0px 0px 0px 4px rgba(215, 28, 115,1), 2px 2px 6px #000;
    border:none;
    border-radius:0px;
    float:left;
    margin-top:4px;
    height:calc(100% - 78px);
    /* max-height:430px;*/
}
.loginstage .checkout-form input[type="submit"]{
/* background:linear-gradient(3deg, rgba(0,146,190,1) 0%, rgba(0,165,203,1) 38%, rgba(0,162,204,1) 50%, rgba(2,180,226,1) 80%); */
    background: linear-gradient(180deg, rgba(215, 28, 115, 1) 0%, rgba(231, 12, 114, 1) 30%, rgba(210, 1, 85, 1) 100%);
}

.loginstage .checkout-form td{
    color:#fff;
    padding:20px;
}

.lightningbanner{
    padding:20px !Important;
    display:flex;
    background: #7CC8DE;
    border-radius: 10px;
    border: 2px solid #fff;
    box-shadow:3px 3px 10px rgba(137,141,154,.3);
}
.lightningbanner img{
    max-width:100%;
}

.lightningbanner h4{
    color: #fff;
    font-size: 1em;
    font-style: italic;
    text-align: center;
    margin-bottom: 20px;
}
.lightningbanner p{
    color: #fff;
    text-align: left;
    margin-bottom: 20px;
}
.lightningbanner div:nth-of-type(3) ul{
    list-style: none;
    padding-inline-start:0;
}
.lightningbanner div:nth-of-type(3) ul li{
    color:#fff;
}
.lightningbanner div:nth-of-type(3) ul li:before{
    content: '✓';
    margin-right:6px;
    color:#fff;
}
@font-face {
    font-family: 'Caveat';
    src: url('/api/resource/1737412048000/Caveat');
    font-weight: normal;
    font-style: normal;
}
.caveat {
    font-family: 'Caveat', serif;
    font-size: 41px;
    color: #1E83A0;
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
}
 @font-face {
    font-family: 'Inter Tight';
    src: url('/api/resource/1737993565000/InterTight');
    font-weight: normal;
    font-style: normal;
}

.roundedbluebox{
    width:100%;
    border-radius:12px;
    color:#fff;
    font-size:14px;
    text-align:center;
    padding:1em;
    border: 1px solid #fff;
    box-shadow: 3px 3px 10px rgba(137,141,154,.3);
    background:#25a4c9 ;
    height:100%;
    padding-bottom:65px;
}

.roundedbluebox p{
    color:#fff;
    font-size:14px;
    text-align:center;
}

.roundedbluebox img{
    max-width:50%;
    margin-bottom:10px;
    margin-top:10px;
}

.btn-yellow{
    margin-top:8px;
    text-decoration:none;
    color:#ffb43c;
    display: table;
  text-align: center;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  font-family: Arial,Helvetica,Tahoma,sans-serif;
  color: rgb(255,233,106);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  padding: 10px 20px 10px 20px;
  border: solid 2px rgb(255,233,106);
  text-decoration: none;
  margin-top: 20px;
    margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
}
.btn-yellow:visited{
    color: rgb(255,233,106);
}
.btn-yellow:hover{
    color:#eac90b;
    border:2px solid #eac90b;
    text-decoration:none;
    cursor:pointer;
}
.roundedbluebox .btn-yellow{
    
}
    
.help-link a, .help-link a:visited {
    color:#fff;
    font-size:0.85em;
}
.help-link a:hover{
    color:rgb(255,233,106);
    text-decoration:none;
}

/* --- MENU LOGIC --- */

.menu-button-container {
  display: none;
  height: 25px;
  width: 30px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


#menu-toggle, .submenu-toggle {
  display: none;
}

.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: #fff;
  position: absolute;
  height: 4px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}

.menu-button::before {
  content: '';
  margin-top: -8px;
}

.menu-button::after {
  content: '';
  margin-top: 8px;
}

#menu-toggle:checked + .menu-button-container .menu-button::before {
    margin-top: 0px;
    transform: rotate(405deg);
}

#menu-toggle:checked + .menu-button-container .menu-button {
    background: rgba(255, 255, 255, 0);
}

#menu-toggle:checked + .menu-button-container .menu-button::after {
    margin-top: 0px;
    transform: rotate(-405deg);
}
.initial-login input[type="text"], .initial-login input[type="password"] {
    color: #333;
}
.nextbanner-mobile, .mobile-only {
    display:none;
}
.topbanner h1{
    max-width:65%;
}

@media screen and (min-width:1260px){
    .topbanner{
          min-height:300px;
          padding:3em;
          background-position: 50% 20%;
    }
}

@media screen and (max-width:1000px){
          .container{
            margin-left:0 !important;
            margin-right:0 !important;
            padding:0;
          }
          .nav-header{
            width:auto;
            float:right;
            text-align:center;
            height:35px;
            position:absolute;
            right:40px;
          }
          .menu-button-container {
            display: block;
            margin:0 auto;
            margin-top:20px;
            float:right;
          }
          .menu {
            position: relative;
            margin-top: 0px;
            left: 0;
            width: 100%;
            align-items: center;
            z-index:999;
          }
          #menu-toggle ~ .menu .menu-item {
            height: 0;
            margin: 0;
            padding: 0;
            border: 0;
            transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
            overflow:hidden;
          }
          #menu-toggle:checked ~ .menu .menu-item {
            border: 1px solid #333;
            height: auto;
            padding: 0.5em;
            transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
          }
          .menu > .menu-item {
            margin: 0;
            padding: 0.5em 0;
            width: 100%;
            color: white;
            background-color: #222;
          }
          .menu > .menu-item:not(:last-child) {
            border-bottom: 1px solid #444;
          }

        .menu-item-has-children:hover .sub-menu,.menu-item-has-children:hover .span {
            display: block;
            cursor:pointer;
            position:relative;
            width:100%;
            float:left;
            clear:both;
        }

         .nextbanner {
              display:none;
        }
        .nextbanner-mobile, .mobile-only {
            display:block;
        }
        .nextbanner-mobile .col-md-3{
            border-bottom:1px solid #fff;
        }
        .nextbanner-mobile .col-md-3:last-of-type{
            border:none;
        }
        .featured-login-image-mobile {
           max-width:100% !important;
        }
        .loginstage .col-md-9 {
            display:none;
        }

      .loginstage .checkout-form {
           margin-bottom:40px;
    	   height:auto;
      }
    .col-md-12{
    height:auto !important;
    }
      .topbanner h1{
        font-size:40px;
        max-width:65%;
      }
      .topbanner h1 span{
        font-size:80px;
        word-wrap: normal;
      }
      .topbanner h2 {
        font-size:22px;
    }
}

@media screen and (max-width: 768px) {
    .topbanner h2{
         width:auto;
    }
}

@media screen and (max-width: 600px) {
      .nav-header{
        width:100%;
        float:initial;
        text-align:center;
        height:35px;
      }
      .menu-button-container {
        display: block;
        margin:0 auto;
        margin-top:20px;
      }
      .menu {
        position: relative;
        margin-top: 0px;
        left: 0;
        width: 100%;
        align-items: center;
        z-index:999;
      }
      #menu-toggle ~ .menu .menu-item {
        height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
        overflow:hidden;
      }
      #menu-toggle:checked ~ .menu .menu-item {
        border: 1px solid #333;
        height: auto;
        padding: 0.5em;
        transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
      }
      .menu > .menu-item {
        margin: 0;
        padding: 0.5em 0;
        width: 100%;
        color: white;
        background-color: #222;
      }
      .menu > .menu-item:not(:last-child) {
        border-bottom: 1px solid #444;
      }

      .menu-item-has-children:hover .sub-menu,.menu-item-has-children:hover .span {
        display: block;
        cursor:pointer;
        position:relative;
        width:100%;
        float:left;
        clear:both;
    }

    .topbanner{
        position:relative;
        float:left;
        max-width:100vw;
        margin:0;
        padding:0;
        min-height:auto;
    }
    .loginstage .col-md-9 {
        display:none;
    }
    .checkout-form{
        margin-bottom:20px;
    }
    .nextbanner-mobile .col-md-3{
        border-bottom:1px solid #fff;
    }
    .nextbanner-mobile .col-md-3:last-of-type{
        border:none;
    }
    #content{
        padding:0;
        margin:0;
    }

}

@media screen and (max-width: 400px) {
        .nav-header{
            position:relative;
            float:left;
            width:100vw;
            margin:0 auto;
        }
        .menu-button-container {
            float:none;
        }
        .topbanner h1{
            max-width:100%;
        }
    }