#profileList_1 li,
#profileList_2 li {
  cursor: pointer;
}


#menuItems .menu_txt_2 {
  color: #0b6393;
}

#menuItems .menu_completed .menu_txt_2 {
  color: #fff;
}

#menuItems {
  height: auto !important;
}

body:not(.touch_device) .gm_leftmenuItem:not(.disabledMenuItem):hover {
  box-shadow: none;
}

#wrapper.inverseColors:not(.xs) .accordionPanel .title_txt_1,
#wrapper.inverseColors:not(.xs) .accordionPanel .body_txt_1 {
  color: #fff !important;
}

#wrapper:not(.xs) #openAccordion > .accordionSlideTxt p span {
  background-color: #fff;
  padding-left: 3px;
  padding-right: 3px;
}

#wrapper:not(.xs)[data-template="t_slideshow_left_image"]
  [data-inject_text="subtitle_1"] {
  color: #fff;
}

#wrapper:not(.xs)[data-template="t_slideshow_left_icon"]
  [data-inject_text="subtitle_1"] {
  color: #fff;
}

@media only screen and (max-width: 600px) {
  .fill .CGpanel.centerVertical {
    height: auto !important;
  }
}

#msScoreHolder {
  display: none;
}

#list2 {
  display: none;
}



/* MENU  */
body.xs #menuItems .disabledMenuItem {
  background-image: url("../framework_images/menu_images/menu_lock.png");
  background-repeat: no-repeat;
  background-position: 85%;
  background-size: 28px 36px;
}

body.xs #menuItems .menu_completed {
  background-image: url("../framework_images/menu_images/menu_tick.png");
  background-repeat: no-repeat;
  background-position: 85%;
  background-size: 36px 36px;
}

@media only screen and (max-width: 768px) {
  #menuItems .disabledMenuItem {
    background-image: url("../framework_images/menu_images/menu_lock.png");
    background-repeat: no-repeat;
    background-position: 85%;
  }
  #menuItems .menu_completed {
    background-image: url("../framework_images/menu_images/menu_tick.png");
    background-repeat: no-repeat;
    background-position: 85%;
    background-size: 45px 45px;
  }
  #menuItems .title_txt_1.goldClient_color_3{
      color: #0068a2;
  }
  #menuItems .body_txt_1 {
      color: #000;
  }
}

body:not(.xs) .menu_center,
body.sm .menu_center,
body.md .menu_center {
  padding: 100px 15% 0px 15%;
}

body.xs .menu_center {
  padding: 0;
}

.menu_center {
  padding: 100px 15% 0px 15%;
}

.menu_icon {
  background-size: contain;
}

/* menu topics text size */
@media only screen and (min-width: 769px) {
  #menuItems .title_txt_1 {
    padding: 0;
    padding-top: 32px !important;
    font-size: 19px;
    line-height: 1;
    text-align: left;
    color: #0068a2;
    font-weight: normal;
    margin-left: 56px;
  }
  #menuItems .body_txt_1  {
    margin-left: 56px;
    color: #000;
  }

}

@media only screen and (min-width: 1441px){
    #menuItems .body_txt_1 {
        font-size: 16px;
        line-height: 1.4;
    }
    #hotspot_menu .menu_txt_1 {
        font-size: 20px;
      }
}


/* min 770  */

@media only screen and (min-width: 770px) {
  #hotspot_menu{
       transform: scale(.7);
  }
}

@media only screen and (min-width: 977px) {
  #hotspot_menu{
       transform: scale(.8);
  }
 }

@media only screen and (min-width: 1080px) {
 #hotspot_menu{
      transform: scale(.9);
 }
}

@media only screen and (min-width: 1200px) {
  #hotspot_menu{
       transform: scale(.9);
  }
 }



/* menu topics positioning */
@media only screen and (min-width: 769px) {

  .hotspot_item{
    width: 0 !important;
  }
  .scrollLock{
        overflow-y: hidden !important;
    }
  .mobile_hotspot_menu_img {
    display: none;
  }
  #menuItems .gm_menuItem {
    position: absolute;
    min-height: 0px;
    padding: 0px;
    border-width: 1px !important;
    background-color: transparent;
    background-repeat: no-repeat;
  }
  #hotspot_menu {
    background-image: url("../course/assets/mk_18_dp_00_01/menu_background_map.png");
    width: 1034px;
    height: 650px;
    background-size: contain;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    margin: 120px auto 0 auto;
    z-index: 1000;
    position: absolute;
    top: 50px;
    margin-left: calc(50% - 517px);
  }
  .gm_menuItem div[data-inject_text*="title"],
  .gm_menuItem div[data-inject_text*="duration"] {
    width: calc(100% - 10px);
  }

  #hotspot_menu .menu_num {
    position: absolute;
    top: 26px;
    left: 16px;
    font-weight: lighter;
    font-size: 35px;
    line-height: 1;
    color: #ffffff;
  }

  /* topics lables  */
  #menuItems .gm_menuItem {
    background-image: url("../course/assets/mk_18_dp_00_01/topic.png");
    width: 310px;
    height: 80px;
    top: -105px;
    left: 15px;
  }


  /* topics lables completed  */
  #menuItems .gm_menuItem.menu_completed {
    background-image: url("../course/assets/mk_18_dp_00_01/topic_visited.png");
  }

  /* menu lock state  */
  #menuItems .gm_menuItem.disabledMenuItem {
    background-image: url("../course/assets/mk_18_dp_00_01/topic_inactive.png");
  }

  /* mk_18_dp_03 */
  #menuItems #mk_18_dp_03{
    width: 240px;
    height: 92px;
  }
  #menuItems #mk_18_dp_03 .menu_num{
    top: 36px;
  }  
  #menuItems #mk_18_dp_03 .title_txt_1{
    padding-top: 46px !important;
  }

  #menuItems #mk_18_dp_03.gm_menuItem {
    background-image: url("../course/assets/mk_18_dp_00_01/HIPPA_inprogress.png");
  }
  #menuItems #mk_18_dp_03.gm_menuItem.menu_completed {
    background-image: url("../course/assets/mk_18_dp_00_01/hippa_complete.png");
  }
  /* menu lock state  */
  #menuItems #mk_18_dp_03.gm_menuItem.disabledMenuItem {
    background-image: url("../course/assets/mk_18_dp_00_01/hippa_locked.png");
  }

    /* mk_18_dp_06 */
    #menuItems #mk_18_dp_06{
      width: 217px;
      height: 92px;
    }
    #menuItems #mk_18_dp_06 .menu_num{
      top: 36px;
    }  
    #menuItems #mk_18_dp_06 .title_txt_1{
      padding-top: 44px !important;
    }
    
    #menuItems #mk_18_dp_06.gm_menuItem {
      background-image: url("../course/assets/mk_18_dp_00_01/TCPA_inprogress.png");
    }
    #menuItems #mk_18_dp_06.gm_menuItem.menu_completed {
      background-image: url("../course/assets/mk_18_dp_00_01/TCPA_complete.png");
    }
    #menuItems #mk_18_dp_06.gm_menuItem.disabledMenuItem {
      background-image: url("../course/assets/mk_18_dp_00_01/TCPA_locked.png");
    }

  /* mk_18_dp_04 */
  #menuItems #mk_18_dp_04.gm_menuItem {
    background-image: url("../course/assets/mk_18_dp_00_01/topic_left.png");
  }
  #menuItems #mk_18_dp_04.gm_menuItem.menu_completed {
    background-image: url("../course/assets/mk_18_dp_00_01/topic_visited_left.png");
  }
  /* menu lock state  */
  #menuItems #mk_18_dp_04.gm_menuItem.disabledMenuItem {
    background-image: url("../course/assets/mk_18_dp_00_01/topic_inactive_left.png");
  }

  .menu_center {
    padding: 100px 15% 0px 15%;
  }

  .menu_icon {
    background-size: contain;
  }


  /* V2  */
  #menuItems #mk_18_dp_01{
    top: -82px;
    left: -202px;
  }
  #menuItems #mk_18_dp_02{
    top: -135px;
    left: 230px;
  }
  #menuItems #mk_18_dp_03{
    top: 183px;
    left: 13px;
  }
  #menuItems #mk_18_dp_04{
    top: 176px;
    left: 432px;
  }
  #menuItems #mk_18_dp_05{
    top: -129px;
    left: 462px;
  }
  #menuItems #mk_18_dp_06{
    top: -129px;
    left: 654px;
  }

  
  .gm_menuItem:hover {
    -webkit-animation: swing 1s ease;
    animation: swing 1s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }


/* clouds  */
#clouds{
    top: 50px;
    padding: 0;
    background: transparent;
}

/*Time to finalise the cloud shape*/
.cloud {
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
}

/* clouds layers  */
.x1 {
    background-image: url(../framework_images/menu_images/cloud_3.png);
    width: 605px; height: 300px;
    top: 77px;
}

.x2 {
    background-image: url(../framework_images/menu_images/cloud_4.png);
    width: 246px; height: 122px;
    top: 281px;
}

.x3 {
    background-image: url(../framework_images/menu_images/cloud_2.png);
    width: 1126px; height: 447px;
    top: 285px;
    background-size: 100% 100%;
}

.x4 {
    background-image: url(../framework_images/menu_images/cloud_1.png);
    width: 731px; height: 283px;
    top: 620px;
}

}


@media only screen and (max-width: 768px) {
    .mobile_hotspot_menu_img {
      width: 80%;
      margin-left: 10%;
      margin-top: 30px;
    }
    .menu_center {
      padding: 25px 10% 0px 10% !important;
    }
    #client_logo,
    #wrapper svg {
      display: none;
    }
  }
  
  .gm_menuItem {
    transition: all 0.3s ease;
  }
  

  @media only screen and (max-width: 767px){
    .interfaceSlide.curPageSlide #wrapper[class*='_mobile_background_color_']:before, 
    .interfaceSlide.curPageSlide #wrapper[class*='mobile_background_pattern_']:before {
        position: fixed;
        display: block;
        width: 100%;
        height: 0;
        content: "";
        z-index: 0;
        top: 0px;
        left: 0px;
    }
  }


  #coverflow-container .card{
    height: 174px;
  }

  .coverflow-items {
    height: 225px !important;
  }


/* CSS animation  */
@-webkit-keyframes swing {
    15% {
      -webkit-transform: translateY(5px);
      transform: translateY(5px);
    }
    30% {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px);
    }
    50% {
      -webkit-transform: translateY(3px);
      transform: translateY(3px);
    }
    65% {
      -webkit-transform: translateY(-3px);
      transform: translateY(-3px);
    }
    80% {
      -webkit-transform: translateY(2px);
      transform: translateY(2px);
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @keyframes swing {
    15% {
      -webkit-transform: translateY(5px);
      transform: translateY(5px);
    }
    30% {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px);
    }
    50% {
      -webkit-transform: translateY(3px);
      transform: translateY(3px);
    }
    65% {
      -webkit-transform: translateY(-3px);
      transform: translateY(-3px);
    }
    80% {
      -webkit-transform: translateY(2px);
      transform: translateY(2px);
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }



  @media only screen and (min-width: 1367px){
    .sqFeedbackTxt.label_txt_1 {
        font-size: 26px;
        line-height: 1.2;
    }
    #hotspot_menu{
      top: 20px;
    }
  }

  @media only screen and (min-width: 1000px){
    .sqFeedbackTxt.label_txt_1 {
        font-size: 26px;
        line-height: 1.2;
    }
  }

  @media only screen and (min-width: 975px){
    #hotspot_menu{
      top: 35px !important;
    }
  }


@media only screen and (min-width: 768px){
  .sqFeedbackTxt.label_txt_1 {
      font-size: 26px;
      line-height: 1.2;
  }
  #hotspot_menu{
    top: -40px;
  }
}

@media only screen and (min-width: 320px){
  .sqFeedbackTxt.label_txt_1 {
      font-size: 20px;
      line-height: 1.2;
  }
}


.text-box p{
  font-weight: bold;
  text-align: center;
  color:#ffffff;
  font-size: 19px;
  padding: 5px 10px 15px 10px;
}
@media only screen and (min-width: 820px){
  .text-box p{
    font-size: 24px;
  }
}


.text-box{
  border-radius: 10px;
  padding: 12px 10px;
  background-image: url("../course/assets/mk_18_dp_00_01/panel_label.png");
  background-size: cover;

}


.accordionSlideTxt p strong{
  background: #fff;
  padding: 1px 2px;
}

.vertBtn.vertBtnStyle.sameSize.keyStatement{
color: #333 !important;
}

.vertBtn.vertBtnStyle.sameSize.keyStatement.current{
  background-color: #9dd51b !important;
  box-shadow: inset 0px -5px 10px 2px #68be19, 2px 2px 7px rgb(0 0 0 / 40%) !important;
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
}

#wrapper .vertBtnStyle.keyStatement, 
#wrapper .vertBtnStyle.keyStatement.viewed {
  background-image: url(../framework_images/timeline_images/vertBtn_key.png);
  background-position: 10px 10px;
  background-repeat: no-repeat;
  background-color: #fff;
  box-shadow: none;
}

.ptBtn.popTxtBtn.goldUniversal_panel_color_1.current > .body_txt_1{
  color: #fff !important;
}