#help-icon {
    width: 40px;
    /*right: -3.5%;  commanded for 0135004*/
}
#help-icon .questionicon{
 /*    display: flex;
    flex-flow: column;
    font-size: 26px; */
}
#help-icon .lxp-fontsize11{
    font-size: 11px;
    padding-top: 5px;
}

.helpclose {
    position: absolute;
    top: -20px;
    right: 2px;
}

.helpclose a{
    font-size: 0.8rem !important;
}

.helpspot {
    border-radius: 50%;
    width: 100px;
    /*height: 80px;*/
    position: relative;
    /*top: 50%;*/
    transform: translateY(-50%);
}

.helpspot .animate {
    position: relative;
    animation: ripple 1000ms infinite;
    width: 10px;
    height: 10px;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    background: #646464;;
    border-radius: 50%;
}

.helpspot.focussed .animate, .helpspot .animate.focussed {
    background: #fa7d00;
    animation: ripple-focussed 1000ms infinite;
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0px transparent, 0 0 0 0px #646464, 0 0 0px transparent, 0 0 0 0px #646464, 0 0 0 0px transparent, 0 0 0 0px #646464, 0 0 0 0px transparent, 0 0 0 0px #646464;
    }
    100% {
        box-shadow: 0 0 0 5px transparent, 0 0 0 7px rgba(255, 255, 255, 0), 0 0 0 10px transparent, 0 0 0 15px rgba(255, 255, 255, 0), 0 0 0 20px transparent, 0 0 0 25px rgba(255, 255, 255, 0), 0 0 0 30px transparent, 0 0 0 35px rgba(255, 255, 255, 0);
    }
}

@keyframes ripple-focussed {
    0% {
        box-shadow: 0 0 0 0px transparent, 0 0 0 0px #fa7d00, 0 0 0px transparent, 0 0 0 0px #fa7d00, 0 0 0 0px transparent, 0 0 0 0px #fa7d00, 0 0 0 0px transparent, 0 0 0 0px #fa7d00;
    }
    100% {
        box-shadow: 0 0 0 5px transparent, 0 0 0 7px rgba(255, 255, 255, 0), 0 0 0 10px transparent, 0 0 0 15px rgba(255, 255, 255, 0), 0 0 0 20px transparent, 0 0 0 25px rgba(255, 255, 255, 0), 0 0 0 30px transparent, 0 0 0 35px rgba(255, 255, 255, 0);
    }
}

.helpspotheaderpopover h3.popover-header {
    padding: 0;
    height: auto;
    display: flex;
    background: none;
    flex-direction: row-reverse;
}

.helpspotheaderpopover .popover-body {
    border: solid 1px;
    border-bottom: none;
}

.helpspotheaderpopover {
    background-color: transparent !important;
    border: none;
    border-radius: 0;
    border-bottom: solid 1px;
}

/* Help drop component placement*/

/*   Banner section */
#help_banner_learning_hours {
    left: 23%;
}

#help_banner_item_need_attention {
    left: 58%;
    bottom: 11px;
}

#help_banner_courses_in_wishlist {
    left: 82%;
    bottom: 25px;
}

/*   Learning section */
#help_learning {
    left: 16%;
    bottom: 36%;
}

#help_learning_calendar {
    left: 0%;
    bottom:0%;
}
#help_learning_calendar.helpspot {
  width:auto
}
/* Learning detail section */
#help_learningpath_panel1_certification{

}

#help_learningpath_panel1_learningpath{

}
#help_learningpath_panel2_moduleview{

}
#help_learningpath_panel2_floaterbox{

}

/* catalog section */

#help_catalog {
    right: 8%;
}

#help_catalog_recommendation {
    left: 64%
}

/* Header section */

#help_multi_roles{
	left: 69%;
     width:auto;
   position: absolute;
    
}

/* course detail page */

#help_clndr_of_events{
   position: absolute;
    
}

#help_chng_class{
   position: absolute;
    
}

#help_re_enroll{
   position: absolute;
    
}

/* Dashboard section */

#help_dashboard_item_need_attention {
    left: 4%;
}

#help_dashboard_certification {
    left: 7%;
}
#help_dashboard_bookmark {
    left: 11%;
}
#help_dashboard_learning_stats {
    left: 15%;
}
#help_dashboard_learning_history {
    left: 19%;
}
#help_dashboard_playlist {
    left: 23%;
}

/* Profile section */
#help_profile_interest {
   padding: 3%;
}

#help_profile_externaltraining {
     padding: 3%;
}

#help_profile_skill {
    right: 37%;
}

#help_profile_otheruser {
    left: 6%;
    bottom: 12%;
}

#help_profiledashboard{
    left: 52%;
}

#help_profiledashboard_award{
    right: 37%;
}

.lxpsecondaryheader #help-icon{
  right:unset;
  position:relative!important
}
.lxpsecondaryheader .lxp-help-txt{
  display:none
}