/* <-- Global --- Start > */
    @font-face {
      font-family: 'opensans';
      src: url('../fonts/opensans-regular.woff2') format('woff2'), url('../fonts/opensans-regular.woff') format('woff');
      font-weight: normal;
      font-style: normal;
    }

    @font-face {
      font-family: 'opensans-semibold';
      src: url('../fonts/opensans-semibold.woff2') format('woff2'), url('../fonts/opensans-regular.woff') format('woff');
      font-weight: normal;
      font-style: normal;
    }

    @font-face {
      font-family: 'opensans-bold';
      src: url('../fonts/opensans-bold.woff2') format('woff2'), url('../fonts/opensans-bold.woff') format('woff');
      font-weight: normal;
      font-style: normal;
    }

    .item{ border: none; }
    *{ font-family: opensans; }
    h1, h2, h3, h4, h5, h6{ font-family: opensans-bold ; }

  .menu.menu-left{ width: calc(100%) !important; }
  .menu-open .menu-content{ transform: translate3d(calc(100%), 0px, 0px) !important; }
  .menu-open .ecd_menu{ background: linear-gradient( #6665FF, #01009C); }
  .menu-open .ecd_menu .close_menu{
    position: absolute;
    width: 50px;
    height: 50px;
    color: #fff;
    z-index: 99;
    top: 10px;
  }

  .menu-open .ecd_menu .close_menu:before{ font-size: 1.3em; }

  .menu-open .ecd_menu .menu_list{ padding: 13px 14px 0; }

  .menu-open .ecd_menu .menu_list .row .col{ text-align: center; }

  .menu-open .ecd_menu .menu_list .row .col.card{
    text-align: center;
    padding: 3px 0 0;
    margin: 7px;
    border-radius: 13px;
  }
  .menu-open .ecd_menu .menu_list .row .col.card img{
    width: 40%;
    display: block;
    text-align: center;
    margin: 0px auto 3px;
  }

  .menu-open .ecd_menu .menu_list .profile_info{ text-align: center;}
  .menu-open .ecd_menu .menu_list .profile_info h3{
    color: #fff;
    padding: 0;
    margin: 0;
  }

  .menu-open .ecd_menu .menu_list .profile_info p{
    color: #fff;
    padding: 0;
    margin: 0 0 13px;
  }

  .menu-open .ecd_menu .menu_list .profile_info img{
    border-radius: 50%;
    /*width: 25%;*/
    width: 120px;
    height: 120px;
  }

  .modal-backdrop, .modal-backdrop-bg{ background: #0000004a; }


/* <-- Global --- End > */

/* ECD - Starts */

.bar.bar-ecd{
  background: linear-gradient(to right, #6665FF, #01009C);
  border: 0;
  color: #fff;
}

.bar.bar-ecd .button{ color: #fff; }
.bar.bar-ecd .title.title-center.header-item{ font-family: opensans-semibold; }

.course_container, .courses, .course_detail{ background: linear-gradient(#fff, #fff); }

.courses .tabs-top > .tabs, .courses .tabs.tabs-top { }

.courses .page-heading{
  font-family: opensans-semibold;
  color: #34455a;
  font-size: 1.8em;
  position: absolute;
  top: 50px;
  left: 30px;
}

.tab-ecd{ }
.tab-ecd .scroll{height: 120% !important; }

.tabs-ecd-nav{ }

.tab-nav.tabs{
  background: transparent;
  border-bottom-width: 0px;
  display: -webkit-inline-box;
  width: auto;
  margin-left: 18px;
  left: 15px;
}
.tab-nav a.tab-item{
  color: #a2aab5;
  font-size: 1.2em;
  margin-right: 1.6em;
  font-family: opensans-bold;
}

.tab-nav a.tab-item.tab-item-active{ color: #6665ff; text-decoration: none; border:none !important;}

.ecd-card{
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin: 5px;
}

.ecd-card .ecd-row{ padding: 0; }

.ecd-card .col{ padding: 0; }

.ecd-card .item-avatar > img:first-child{
  width: auto !important;
}

.ecd-card h2{ color: #1F314A; }

.ecd-card h2 a{
  color: #1F314A;
  text-decoration: none;
  display: block;
}
progress,
progress[value],
progress[value]::-webkit-progress-bar{
  width: 100%;
  display: block;
  background-color: #e3e3e3 !important;
  border-radius: 25px;
  height: 5px;
}

progress[value]::-webkit-progress-value {
  background-color: #59D654;
  border-radius: 25px;
  height: 5px;
}

.ecd-card .item{
  padding: 0 0.9em;
}
.ecd-card .ecd-item-button{
  position: absolute;
  top: -6px;
  right: 2px;
}
.ecd-card .ecd-item-button::before{
  font-size: 23px;
  color: #a2aab5;
}

/* ECD - Ends */

/*>>>> course_detail : start  <<<<*/

.course_detail{ }

.course_detail .course-block{
  padding: 0 20px;
  margin-top: 28px;
}

.course_detail .course-card{
  border-radius: 10px;
  padding-top: 0px;
  box-shadow: none;
}

.course_detail .item-body{
  text-align: center;
  padding-top: 0;
  padding-bottom: 3.4em;
}

.course_detail .item-body p{
  font-size: 0.9em;
  line-height: 1.6em;
}
.course_detail .course-card h2{
  font-size:24px;
  color: #1F314A;
}

.course_detail .lower{
    position: relative;
    top: -3.3em;
    z-index: 99;
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #9c9a9a;
}
.course_detail .lower img{
    width: 5em;
    margin: 0 auto;
     display: block; 
}

.course_detail .course-menu{
  display: flex;
  justify-content: space-around;
  padding: 0.8em 0;
  font-size: 1.2em;
}

.course_detail .course-menu a{
  text-decoration: none;
  color: #b8bec5;
}

.course_detail .course-menu a.active{
  color: #4A4A4A;
  text-decoration: underline;
}

.course_detail .course-img{
  height: 158px;
  max-height: 200px;
  width: 100%;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-position: center center;
}

.course_detail .course-img .fav{
  position: absolute;
  right: 0.5em;
  top: 0;
  color: #fff;
}

.course_detail .course-img .fav:before{
  font-size: 1.4em;
  font-weight: bold;
}

/*>>>> course_detail : End    <<<<*/

.lamborghini{
  position: absolute;
  z-index: 99;
  height: 44px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.lamborghini .gallardo{
  left: 25px;
    top: 20px;
    background:rgba(12, 12, 12, 0.4);
    border-radius: 5px;
    color: #fff;
    padding: 0 10px;
}

.lamborghini .Diablo{
    right: 25px;
    top: 20px;
    background: rgba(0, 0, 0, 0.4);
    padding: 0px 12px;
    border-radius: 5px;
}

.lamborghini .gallardo:before,
.lamborghini .Diablo:before{
  font-size: 1.8em;
  color: #fff;
  padding-top: 8px;
}

.onboard{ text-align: center; }

.onboard .board{
  text-align: center;
  margin: 0 3.7em;
 }

.onboard .onboard0{ }

.onboard .onboard1{ }

.onboard .onboard2{ }

.onboard img{ }

.onboard h2{
  font-family: opensans;
  padding: 0.3em 0;
  font-size: 1.8em;
  color: #1F314A;
  padding-bottom: 40px;
}

.onboard p{
  padding-bottom: 2em;
  line-height: 1.5em;
  color:#20324ac4;
}
.onboard .slider-pager .slider-pager-page{ color:#8c8f94; }

.onboard .slider-pager .slider-pager-page.active{ color:#6665FF; }

.bar-ecd-footer{
  bottom: 2em;
  background: transparent;
}
.bar-ecd-footer .button-ecd{
  margin: 0 4em;
  background-color: #6665FF;
  color: #fff;
  padding: 0 2.8em;
  /* font-size: 0.9em; */
  border-radius: 40px;
  height: 42px;
  line-height: 42px;
}

.register, .login{ background:#EFF1F5; }

.register .content-block,
.login .content-block {
  margin-top: 64px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.register .content-block .regsiteration_form,
.login .content-block .login_form {
  text-align: center;
  margin: 2.3em auto;
}

.register .content-block .regsiteration_form input,
.register .content-block .regsiteration_form .inputs,
.login .content-block .login_form input {
  text-align: center;
  display: block;
  margin: 0 auto;
  background: #fff;
  margin-bottom: 1.6em;
  width: 79%;
  height: 4em;
  border-radius: 40px;
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  border:none;
}

.register .content-block .button-ecd-join,
.login .content-block .button-ecd-join {
  margin: 0 4em;
  background-color: #6665FF;
  color: #fff;
  padding: 0 2.8em;
  border-radius: 40px;
  height: 42px;
  line-height: 42px;
}

.bar-ecd-footer.join-terms{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  font-size: 0.9em;
  width: 54%;
  margin: 0 auto;
  text-align: center;
}

.login .content-block .forgot_password { position: relative; }

.login .content-block .forgot_password a.forgot_password_link{
  position: absolute;
  top: 33%;
  right: 15%;
  text-decoration: none;
  color: #6665FF;
  font-size: 0.8em;

}


.course_content{}
.course_content .lamborghini .gallardo:before { color: #fff; text-shadow:1px 1px 7px black;}
.course_content .course-img{
    display: block;
    height: 157px;
    width: auto;
    position: relative;
}

.course_content .course-img h2{
  margin: 0 auto;
  text-align: center;
  position: absolute;
  bottom: 0;
  font-family: opensans-bold;
  color: #fff;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
  padding-bottom: 0.2em;
  width: 100%;
  font-size: 24px;
}
.course_content .content-block{ top: 167px; }

.course_content .content-block .tab-nav{
  border-top: 1px solid #f7f5f5;
  border-bottom: 1px solid #f7f5f5;
  font-family: opensans;
  color: rgba(74, 74, 74, 0.4);
  width: 100%;
  top: 0;
  font-size: 0.9em;
}

.course_content .content-block .tab-nav .tab-item{
  max-width: 50%;
  font-family: opensans;
  border-bottom: none !important;
}

.course_content .content-block .tab-nav .tab-item.tab-item-active{
  /*text-decoration: underline;*/
  color: rgba(74, 74, 74, 1) !important;
  font-family: opensans-bold;
  border-bottom: none !important;
}

.course_content .content-block .lessons-list{ font-family: opensans; padding-bottom: 50px;}

.course_content .content-block .lessons-list .item-avatar{
  padding-left: 3em;
  margin-left: 0.7em;
}

.course_content .content-block .lessons-list .item-avatar .lesson-index{
  color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 16px;
  left: 16px;
}

.course_content .content-block .lessons-list .item-avatar h2{
  color: rgba(31, 49, 74, 0.9);
  font-family: opensans-semibold;
}

.course_content .content-block .lessons-list .item-avatar .desc{
  color: rgba(31, 49, 74, 0.8);
  font-size: 0.9em;
}
.course_content .content-block .lessons-list .item-avatar .lesson-type{
  color: rgba(31, 49, 74, 0.6);
  font-size: 0.8em;
  text-transform: capitalize;
}

.lesson_content{ font-family: opensans; }

.lesson_content .lamborghini .gallardo:before { color: #fff; }

.lesson_content .lamborghini .aventador {
  color: #000;
  font-family: opensans-bold;
  font-weight: bold;
  font-size: 1.7em;
}

.lesson_content .lesson-img {
  display: block;
  width: auto;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-position: top;
  height: 230px;
  max-height: 250px;
}


.lesson_content .lesson-video {
    display: block;
    /* height: 220px; */
    width: auto;
    position: relative;
}

.lesson_content .lesson-video img{
    width: 100%;
}

.lesson_content .content-block {
  /* top: 220px; */
}

.lesson_content .content-block .lesson-component{
  padding: 2em;
  text-align: left;
  /*height: 100%;*/
}

.lesson_content .content-block .lesson-index{
  /*color: #888;*/
  display: block;
  padding: 0 0 0 0.2em;
  margin-bottom: -0.3em;
  font-family: opensans-semibold;
}

.lesson_content .content-block .lesson-index.fontsize0{ font-size:1em; position: relative;z-index: 999;}
.lesson_content .content-block .lesson-index.fontsize1{ font-size: 1em; }
.lesson_content .content-block .lesson-index.fontsize2{ font-size: 1.1em; }

.lesson_content .content-block h2.title{
  margin: 0;
  padding: 0;
  /*color: rgba(31, 49, 74, 0.9);*/
}

.lesson_content .content-block h2.title.fontsize0{ font-size: 20px; margin-top: 15px; position: relative; z-index: 999;}
.lesson_content .content-block h2.title.fontsize1{ font-size: 2em; }
.lesson_content .content-block h2.title.fontsize2{ font-size: 2.1em; }

.lesson_content .content-block .lesson-text{
  margin-top: 1.1em;
  /* font-size: 1.1em; */
  line-height: 1.7em;
/*  color: rgba(31, 49, 74, 0.7*/)
}

.lesson_content .content-block .lesson-text.fontsize0{ font-size:16px; }
.lesson_content .content-block .lesson-text.fontsize1{ font-size: 1.3em; }
.lesson_content .content-block .lesson-text.fontsize2{ font-size: 1.5em; }

.lesson-footer{
  background: #416c8e;
  color: #fff;
  /*background: rgba(0, 0, 0, 0.8);*/
  filter: brightness(85%);
  -webkit-filter: brightness(85%)
}

.lesson-footer .footer-index{
  color: rgba(31, 49, 74, 0.6);
  background: transparent;
  font-size: 1em;
}

.lesson-footer .footer-arrow{
  position: absolute;
  right: 1em;
  color: #fff;
}

.lesson-footer .button.button-icon:before{ font-size: 20px; }

.lesson-footer .footer-title{
  font-size: 1em;
  margin: auto 8px;
  width: calc(100% - 60px);
}

.case_studies{}

.case_studies .header{
  text-align: center;
  margin: 0 auto;
  padding-top: 2em;
}

.case_studies .header .caption{
  font-family: opensans-bold;
  color: #9B9B9B;
}
.case_studies .header h2{
  margin: -0.4em 0 0;
  padding: 0;
  font-size: 20px !important;
  font-family: opensans-bold;
  color: #1F314A;
}
.case_studies .content-block{ top: 8em; margin-bottom: 50px;}

.case_studies .content-block .subhead{
background: #F0F0F0;
color: rgba(31, 49, 74, 0.9);
padding: 1em 2.5em;
margin-bottom: 15px;
}

.case_studies .content-block h3, .subhead h3{
font-family: opensans;
color: rgba(31, 49, 74, 0.9);
font-size: 20px;
line-height: 20px;
}

.case_studies .content-block h4 {
font-family: opensans;
color: rgba(31, 49, 74, 0.6);
font-size: 16px;
line-height: 20px;
}

.case_studies .content-block .main-content{ margin: 0 1em; }

.case_studies .content-block .main-content .card{
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin: 5px;
}
.case_studies .content-block .main-content .card.active{
  border: 1px solid #6665ff82;
}
.case_studies .content-block .main-content .card .item{
  padding: 0;
  text-align: center;
}

.case_studies .content-block .main-content .card .item img{
  width: 100%;
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
  padding: 0.3em 0.3em 0;
}

.case_studies .content-block .main-content .card .item h4{
  padding: 0.7em 0;
  font-size: 1em;
  font-family: opensans;
  color: rgba(31, 49, 74, 0.8);
}

.case_studies .content-block .main-content .card.active .item h4{
  font-family: opensans-bold;
  color: #6665FF
}

.blank_modal{
  background: transparent;
  color: #fff;
  height: auto;
}

.blank_modal .head{
  position: relative;
  z-index: 9999;
  height: 70px;
}

.blank_modal .head h2.title{
  color: #fff;
  position: absolute;
  left: 0.5em;
  top: 0.5em;
  font-size: 20px;
  width: 80%;
}

.blank_modal .head .close_button{
  color: #fff;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 45px;
  background: rgba(4, 4, 4, 0.6);
  border-radius: 100%;
}

.blank_modal.video .head {
  background: #6665FF;
}

.blank_modal .head .close_button:before{
  font-size: 24px;
  background: #6665FF;
}

.blank_modal.article .head .close_button:before{ background: transparent; }

.blank_modal .blank_modal_video{ padding-top: 10%; }

.blank_modal .blank_modal_video img{
  width: 100%;
  padding: 6%;
  background: #6665FF;
}

.blank_modal .blank_modal_article{ }

.blank_modal .blank_modal_article .text-container{
  position: relative;
  top: 0;
  left: 0;
  padding-top: 100%;
  background-size: cover;
  background-position: top;
}

.blank_modal .blank_modal_article .text-container p{
  position: absolute;
  background: linear-gradient(transparent, #000);
  padding: 2em;
  font-size: 1.3em;
  line-height: 1.5em;
  bottom: -20%;
}

/* quiz : start */

.quiz_mcq {}
.quiz_mcq .header{
  text-align: center;
  margin: 0 auto;
  padding-top: 3em;
}
.quiz_mcq .main-content{
  padding: 0em;
}

.quiz_mcq .content-block .subhead{
  background: #F0F0F0;
  color: rgba(31, 49, 74, 0.9);
  padding: 1em 2.5em;
  margin-top: 1.5em;
  margin-bottom: 15px;
}

.quiz_mcq .content-block { top: 0.5em; }
.quiz_mcq .content-block .answer-details{
  margin: 1.3em;
  background: #F0F0F0;
  padding: 1em;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 50px

 }

.quiz_mcq .content-block .answer-details.incorrect{
  background: #fdeaea;
 }

.quiz_mcq .content-block .answer-details h3{
  color: #17AF87;
  font-size: 20px;
 }
.quiz_mcq .content-block .answer-details.incorrect h3{
  color: #af2717;
  font-size: 20px;
 }

.quiz_mcq .content-block p{
  /*color: #9B9B9B;*/
  line-height: 1.5em;
  /*font-size: 1.2em;*/
 }

.quiz_mcq .header h2{
  margin: -0.4em 0 0;
  padding: 0.2em 1.8em;
  font-size: 20px;
  font-family: opensans-bold;
  color: #1F314A;
}

.quiz_mcq .header .caption{
  font-family: opensans-bold;
  color: #9B9B9B;
  font-size: 1em;
}

.quiz_mcq .main-content .col{
  padding:0;
  position: relative;
}

.quiz_mcq .main-content .card{
  padding:0;
  text-align: center;
  margin: 0 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 0.5em;
}

.quiz_mcq .main-content .col.active .card{
  border: 2px solid #6665ff82;
}


.quiz_mcq .main-content .col .answer{
  position: absolute;
  bottom: -10px;
  right: 0;
  font-size: 2.1em;
  background: transparent;
  border-radius: 14px;
  display: none;
}


.quiz_mcq .main-content .col.active .answer{
  display: block;
}

.quiz_mcq .main-content .col.active .answer .right{
  color: #17AF87;
}

.quiz_mcq .main-content .col.active .answer .wrong{
  color: rgb(175, 41, 23);
}

.quiz_mcq .main-content .card .item{
  padding:0;
}

.quiz_mcq .main-content .card.active .item h4{
  font-family: opensans-bold;
  color: #6665FF;
}

.quiz_mcq .main-content .card .item h4{
  padding: 1em;
  font-size: 1em;
  font-family: opensans;
  color: rgba(31, 49, 74, 0.8);
}

/*.quiz_mcq .main-content .card .item img{
  width: 100%;
}*/

.drag_drop .main-content{
  height: 100%;
}

.drag_drop .main-content #questions{
  height: 200px;
  display: flex;
  flex-direction: row;
  position: relative;
  justify-content: space-around
}

.drag_drop .main-content #questions .complete{
    margin: 5% auto;
    font-family: opensans-bold;
    text-align: center;
    line-height: 25px;
}

.drag_drop .main-content .buckets{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 3.0em;
  text-align: center;
  position: absolute; bottom: 20%; width: 90%; left: 5%;
}


.drag_drop .main-content .buckets .right_bucket{
  position: relative;
  height: 10em;
  width: 50%;
 }
.drag_drop .main-content .buckets .right_bucket .card {
  height: 10em;
  border: 2px solid #17AF87;
}
.drag_drop .main-content .buckets .right_bucket h4{
  color: #17AF87;
  width: 90%;
  margin: 0.5em auto;
  font-size: 16px;
}

.drag_drop .main-content .buckets .wrong_bucket{
  position: relative;
  height: 10em;
  width: 50%;
}

.drag_drop .main-content .buckets .wrong_bucket .card {
  height: 10em;
  border: 2px solid #D0021B;
}

.drag_drop .main-content .buckets .wrong_bucket h4{
  color: #D0021B;
  width: 90%;
  margin: 0.5em auto;
  font-size: 16px;
}

.drag_drop .main-content .buckets .card .answer{
    position: absolute;
    top:calc(90% - 70px);
    left: 0;
    right: 0px;
    z-index: 1;
}


.drag_drop .main-content .drag_question{
    position: absolute;
    left: calc(50% - 75px) !important;
    top: 20%;
    padding: 18px 26px;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.drag_drop .main-content .drag_question img{
    width: 100px;
    padding: 10px 15px;
}

.drag_drop .main-content .drag_question span{
  display: block;
  width: 100%;
  text-align: center;
}

.drag_drop .main-content h5.info{
  line-height: 1.4em;
    text-align: center;
    margin: 0 auto;
    width: 50%;
    font-size: 0.7em;
    text-transform: uppercase;
    color: #888;
}

.swipe_left_right{}
.swipe_left_right .header{}
.swipe_left_right .main-content{}
.swipe_left_right .main-content #questions{
  position: relative;
  height:calc(100vh - 165px) !important;
}

.swipe_left_right .main-content #questions .drag_question{
 position: absolute;
  left: calc(50% - 130px);
  right: calc(50% - 130px);
  font-size: 18px; margin-top: 30px; background: #fff;
  min-height: 200px;
  /*box-shadow: 2px 3px 3px 1px #31b353;*/
}

.swipe_left_right .main-content #questions .drag_question img{
  margin: 0 auto;
  text-align: center;
  display: block;
}

.swipe_left_right .main-content #questions .drag_question span{
  display: block;
  width: 100%;
  text-align: center;
}

.swipe_left_right .main-content h5.info{
  line-height: 1.4em;
  text-align: center;
  margin: 0 auto;
  width: 50%;
  font-size: 0.7em;
  text-transform: uppercase;
  color: #9B9B9B;
}

.swipe_left_right .row .col{
  text-align: center;
  padding: 0 6%;
}

.swipe_left_right .row .col h4{
  color: rgba(74, 74, 74, 0.67);
  font-size: 12px;
  background: #fff;
}
.swipe_left_right .row .col.swipe-left{}
.swipe_left_right .row .col.swipe-right{}



.scroll_meter {}
.scroll_meter .contents{ margin-top: 120px; }
.scroll_meter .header{}
.scroll_meter .header h2{ width: 82%; margin: 0 auto; }
.scroll_meter .header .scroll_gauge{ width: 84%; margin: 32px auto; }
.scroll_meter .header progress{
  border-radius: 25px;
  height: 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.scroll_meter .header progress[value]::-webkit-progress-value {
  background-color: #6665FF !important;
  border-radius: 25px;
  height: 5px;
}
.scroll_meter .main-content{ }
.scroll_meter .main-content p{ /*padding: 0 20px;*/ }

.tile_view {}
.tile_view .header {
    text-align: center;
    margin: 0 auto;
    padding-top: 3em;
}
.tile_view  .header .caption{
  font-family: opensans-bold;
  color: #9B9B9B;
}

.tile_view .header h2 {
  margin: -0.4em 0 0;
  padding: 0.2em 1.8em;
  font-size: 20px;
  font-family: opensans-bold;
  margin-top: 5px;
}

.tile_view .contents{ margin-top: 120px; margin-bottom: 45px;}
.tile_view .contents .main-content{ margin: 0 6%; margin-bottom: 50px; }
.tile_view .contents .row { padding: 0; margin: 0; }
.tile_view .contents .row .col{ padding: 0; margin: 0; }
.tile_view .contents .row .col .card{
  height: 150px;
  margin: 10px;
  position: relative;
  border-radius: 10px;
  display: block;
  border-width: 6px 1px 0px;
  border-style: solid;
  display: flex;
  align-items:center;
  border: none !important;
}

.tile_view .contents .row .col .card.active span{ font-family: opensans-bold; color: #4A4A4A; }

.tile_view .contents .row .col .card.yellow         { border-color: #FFD750; }
.tile_view .contents .row .col .card.yellow.active  { background: #FFD750;   }
.tile_view .contents .row .col .card.orange         { border-color: #F5A623; }
.tile_view .contents .row .col .card.cyan           { border-color: #50E3C2; }
.tile_view .contents .row .col .card.green          { border-color: #B8E986; }
.tile_view .contents .row .col .card.magenta        { border-color: #6665FF; }
.tile_view .contents .row .col .card.pink           { border-color: #FF3669; }

.tile_view .contents .row:first-child .card{ border-color: #FFD750; }
.tile_view .contents .row:nth-child(2) .card{ border-color: #F5A623; }
.tile_view .contents .row:nth-child(3) .card{ border-color: #50E3C2; }
.tile_view .contents .row:nth-child(4) .card{ border-color: #B8E986; }
.tile_view .contents .row:nth-child(5) .card{ border-color: #009688 /*#FF3669*/; }
.tile_view .contents .row:nth-child(6) .card{ border-color: #6e50ff; }
.tile_view .contents .row:nth-child(7) .card{ border-color: #d316e6; }
.tile_view .contents .row:nth-child(8) .card{ border-color: #6916e6; }
.tile_view .contents .row:nth-child(9) .card{ border-color: #004e00; }
.tile_view .contents .row:nth-child(10) .card{ border-color: #50E3C2; }
.tile_view .contents .row:nth-child(11) .card{ border-color: #FF3669; }
.tile_view .contents .row:nth-child(12) .card{ border-color: #6916e6; }

.tile_view .contents .row:first-child .markcomplete{/*background: #FFD750;*/  background-color: transparent;}
.tile_view .contents .row:nth-child(2) .markcomplete{/*background: #F5A623;*/  background-color: transparent;}
.tile_view .contents .row:nth-child(3) .markcomplete{/*background: #50E3C2;*/  background-color: transparent;}
.tile_view .contents .row:nth-child(4) .markcomplete{/*background: #B8E986;*/  background-color: transparent;}
.tile_view .contents .row:nth-child(5) .markcomplete{/*background: #FF3669;*/  background-color: transparent;}
.tile_view .contents .row:nth-child(6) .markcomplete{/*background: #6e50ff;*/  background-color: transparent;}
.tile_view .contents .row:nth-child(7) .markcomplete{/*background: #d316e6;*/  background-color: transparent;}
.tile_view .contents .row:nth-child(8) .markcomplete{/*background: #6916e6;*/  background-color: transparent;}
.tile_view .contents .row:nth-child(9) .markcomplete{/*background: #004e00;*/  background-color: transparent;}
.tile_view .contents .row:nth-child(10) .markcomplete{/*background: #50E3C2;*/  background-color: transparent;}
.tile_view .contents .row:nth-child(11) .markcomplete{/*background: #FF3669;*/  background-color: transparent;}
.tile_view .contents .row:nth-child(12) .markcomplete{/*background: #6916e6;*/  background-color: transparent;}

/*.tile_view .contents .row:first-child .markcomplete i{color: #FFD750; }
.tile_view .contents .row:nth-child(2) .markcomplete i{color: #F5A623; }
.tile_view .contents .row:nth-child(3) .markcomplete i{color: #50E3C2; }
.tile_view .contents .row:nth-child(4) .markcomplete i{color: #B8E986; }
.tile_view .contents .row:nth-child(5) .markcomplete i{color: #FF3669; }
.tile_view .contents .row:nth-child(6) .markcomplete i{color: #6e50ff; }
.tile_view .contents .row:nth-child(7) .markcomplete i{color: #d316e6; }
.tile_view .contents .row:nth-child(8) .markcomplete i{color: #6916e6; }
.tile_view .contents .row:nth-child(9) .markcomplete i{color: #004e00; }
.tile_view .contents .row:nth-child(10) .markcomplete i{color: #50E3C2; }
.tile_view .contents .row:nth-child(11) .markcomplete i{color: #FF3669; }
.tile_view .contents .row:nth-child(12) .markcomplete i{color: #6916e6; }*/

.tile_view .contents .row .markcomplete i{color: #1fc344;}


.tile_view .contents .row .col .card span{
  display: block;
  text-align: center;
  position: absolute;
  /*top: calc(40%);*/
  left: calc(10%);
  width: 80%;
  color: rgba(31, 49, 74, 0.80);
  /*padding-top: 15px;*/
  height: 60px;
 }


.achievements {}

.achievements .header {
  text-align: center;
  margin: 0 auto;
  padding-top: 1em;
}

.achievements .header h2 {
  margin: -0.4em 0 0;
  padding: 0.2em 1.8em;
  font-size: 1.6em;
  font-family: opensans-bold;
}

.achievements .contents{ margin-top: 60px; }
.achievements .contents .list{ margin-left: 1em; }
.achievements .contents .list .item{}
.achievements .contents .list .item .item-avatar{ padding-left: 82px; }
.achievements .contents .list .item h2{
  font-family: opensans-bold;
  color: rgba(31, 49, 74, 0.9);
  font-size: 0.9em;
}
.achievements .contents .list .item p{
  font-family: opensans;
  color: rgba(31, 49, 74, 0.6);
  font-size: 0.8em;
}
.achievements .contents .list .item .badge{
  font-family: opensans-bold;
  color: rgba(31, 49, 74, 0.6);
  border: 1px solid;
  border-radius: 40px;
}

.achievements .contents .list.leaders .item:first-child {
  background-image: url('../img/achiever_first_bg.png');
  background-color: rgba(255, 214, 80, 0.6);
}
.achievements .contents .list .item:first-child .badge{ color: #fff; background: #FFD750; border: none; }
.achievements .contents .list .item:nth-child(2) .badge{ color: #FFD750; }
.achievements .contents .list .item:nth-child(3) .badge{ color: #FFD750; }


.modal_congrats{
  background: url(../img/mod_congrats_bg.png) 0 40px, linear-gradient( #FF9C79, #FF6F6F);
  background-repeat: no-repeat;
  background-origin: border-box;
  background-size: contain;
  font-family: opensans;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal_congrats .main-content{
  text-align: center;
  width: 80%;
  align-items: center;
  color: #fff;
  position: absolute;
  bottom: 20%;
}

.modal_congrats .main-content h1{ color: #fff; }

.modal_congrats .main-content p{
  font-size: 1.2em;
  font-family: opensans-semibold;
}

.modal_congrats .main-content .button{
  border-radius: 30px;
  color: rgba(101, 101, 255, 0.8);
  font-family: opensans-bold;
  padding: 0 1.5em;
  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.3);
  margin-top: 5%;
}

.modal_error{
  background: url(../img/mod_error_bg.png), #EFF1F3;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-origin: border-box;
  font-family: opensans;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal_error .main-content{
  text-align: center;
  width: 100%;
  align-items: center;
  position: absolute;
  bottom: 15%;
}

.modal_error .main-content h4{
 font-family: opensans-semibold;
 color: #302C48;
}

.modal_error .main-content p{
 font-family: opensans-semibold;
 color: rgba(48, 44, 72, 0.7);
}

.modal_error .main-content button{
  border-radius: 30px;
  padding: 0 2.2em;
  font-family: opensans-semibold;
  color: #484271;
  text-transform: uppercase;
  margin-top: 5%;
  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.3);
}

.modal_connection {
  background: url(../img/mod_connection_bg.png), #EFF1F3;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-origin: border-box;
  font-family: opensans;
  display: flex;
  align-items: center;
  justify-content: center;
 }


.modal_connection .main-content{
  width: 80%;
  align-items: center;
  position: absolute;
  bottom: 20%;
}

.modal_connection .main-content h4{
 font-family: opensans-bold;
 color: #302C48;
}

.modal_connection .main-content p{
 font-family: opensans-semibold;
 color: rgba(48, 44, 72, 0.7);
}

.modal_connection .main-content button{
  border-radius: 30px;
  padding: 0 2.2em;
  font-family: opensans-semibold;
  background: #484271;
  color: #fff;
  text-transform: uppercase;
  margin-top: 5%;
  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.3);
}


.modal_ruka_offline {
  background: url(../img/mod_ruka_offline_bg.png), #D1C6B2;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-origin: border-box;
  font-family: opensans;
  display: flex;
  align-items: center;
  justify-content: center;
}


.modal_ruka_offline .main-content{
  text-align: center;
  width: 80%;
  align-items: center;
}

.modal_ruka_offline .main-content h4{
 font-family: opensans-bold;
 color: #4A423A;
 font-size: 1.8em;
}

.modal_ruka_offline .main-content p{
 font-family: opensans-semibold;
 color: rgba(74, 66, 58, 0.7)
}

.modal_ruka_offline .main-content button{
  border-radius: 30px;
  padding: 0 2.2em;
  font-family: opensans-semibold;
  color: #4A423A;
  text-transform: uppercase;
  margin-top: 5%;
  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.3);
}

.modal_access{
  background: url(../img/mod_access_bg.png), #EFF1F3;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-origin: border-box;
  font-family: opensans;
  display: flex;
  align-items: center;
  justify-content: center;
}


.modal_access .main-content{
  text-align: center;
  width: 80%;
  align-items: center;
  position: absolute;
  bottom: 20%;
}

.modal_access .main-content h4{
 font-family: opensans-semibold;
 color: #302C48;
}

.modal_access .main-content p{
 font-family: opensans-semibold;
 color: rgba(48, 44, 72, 0.7);
}

.modal_access .main-content button{
  border-radius: 30px;
  padding: 0 2.2em;
  font-family: opensans-semibold;
  background: #ED72AD;
  color: #fff;
  text-transform: uppercase;
  margin-top: 5%;
  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.3);
}



/* quiz : end */




/*Progress*/
.progress{
  width: 100%;
  display: block;
  background-color: #e3e3e3 !important;
  border-radius: 25px;
  height: 5px;
  margin: 15px auto;
}

.courses .col-50{float: left;}
.popup-container .popup .popup-head{display: none;}
.popup-body{
 text-align: center;
 color: #fff !important;
 font-family: light;
 font-size: 16px;
}
.icon_container {
    background: #3ec59d;
    padding: 15px 0;
}
.icon_container i {
    font-size: 80px;
    color: #fff;
}
.popup-body {
    padding: 0;
}
.popup-body .popuptitle .circle {
    display: none !important;
}
.popup .popup-buttons {
    height: auto !important;
    bottom: 0;
    margin: auto;
    padding-bottom: 25px;
}
.popup-container .popup-buttons .button {
    min-height: auto;
    padding: 8px 35px;
    border-radius: 4px;
    color: #fff;
    background: #5bb57a;
    font-size: 18px;
    flex: auto;
    border:none;
}
.ok-button {
    color: #fff !important;
    background: #e86b75 !important;
}
.popuptitle {
    color: #676767;
    font-size: 20px;
    padding: 20px 0;
    width: 90%;
    margin: auto;
    font-weight: 700;
}
.pane[hide-nav-bar="true"] .has-tabs-top{
  top: 50px;
}

.lesson-component ol, .main-content ol{
  list-style: decimal;
  padding-left: 20px;
}

.lesson-component ul, .main-content ul{
  list-style: disc;
  padding-left: 20px;
}
.lesson-component li, .main-content li{
  padding-left:5px;
  margin-bottom: 5px;
}
.topic_description{
    line-height: 1.4em;
    text-align: center;
    margin: 0 auto;
    width: 50%;
    font-size: 0.7em;
    text-transform: uppercase;
    color: #888;
    margin-bottom: 1.0em;
}
h2.topic_description{
    line-height: 1.4em;
    text-align: center;
    margin: 0 auto;
    width: 80%;
    font-size: 1.0em;
    text-transform: none;
    color: #9B9B9B;
    margin-bottom: 1.0em;
  }

.lessoncontenttext .contenttext{
  background:rgba(0, 0, 0, 0.7);
    padding: 2em;
    font-size:1.0em;
}

.lessoncontenttext .contenttext ol{
  list-style: decimal;
  padding-left: 20px;
}

.lessoncontenttext .contenttext ol ul{
  list-style: disc;
  padding-left: 20px;
}
.lessoncontenttext .contenttext ol li{
  padding-left:5px;
  margin-bottom: 5px;
}
.blank_modal .blank_modal_article .text-container.lessoncontenttext{
  padding-top: 0 !important;
  height: 100%;
}
.lessoncontenttext .contenttext ol ul li{
  padding-left: 0;
}
.ecd_menu .row, .row{
  margin: 0;
}
.help {}
.help .header {
  text-align: center;
  margin: 0 auto;
  padding-top: 1em;
}

.help .header h2 {
  margin: -0.4em 0 0;
  padding: 0.2em 1.8em;
  font-size: 1.6em;
  font-family: opensans-bold;
}

.help .contents{ margin-top: 60px; }
.help .contents .list{ margin-left: 1em; }

.help .contents .list .item-icon-right .icon{
    font-size: 24px;
    color: rgba(48, 44, 72, 0.5);
 }
.help .contents .list .item{
  padding: 16px 54px 16px 16px;
  border-top: 1px solid rgba(48, 44, 72, 0.1);
  margin-bottom: 0;
}
.help .contents .list .item.active,
.help .contents .list .item.activated{
  color: #6665FF;
  background: transparent;
}

.help .contents .list .item h2{
  font-family: opensans-bold;
  color: #1F314A;
  font-size: 1.1em;
}
.help .contents .list .item.active h2,
.help .contents .list .item.activated h2{ color:#6665FF; }


.help .list .item-accordion {
  padding: 0px 16px;
  color: rgba(31, 49, 74, 0.7);
  font-size: 1.1em;
  /* transition-duration: 300ms */
}

.help .list .item-accordion.ng-hide {}
.help .list .item-accordion.ng-hide-add,
.help .list .item-accordion.ng-hide-remove {}

.feedback .content-block{ margin-top: 14px; }

.feedback .content-block h2{
  margin: 0;
  padding: 0;
  color: #1F314A;
}

.feedback .content-block .regsiteration_form .inputs{
  padding: 2em;
  text-align: left;
}
.feedback .content-block .regsiteration_form textarea.inputs{
  height: 8em;
  border-radius: 20px;
}

.notifications {}
.notifications .header {
  text-align: center;
  margin: 0 auto;
  padding-top: 1em;
}

.notifications .header h2 {
  margin: -0.4em 0 0;
  padding: 0.2em 1.8em;
  font-size: 1.6em;
  font-family: opensans-bold;
}

.notifications .contents{ margin-top: 60px; }
.notifications .contents .list{ }
.notifications .contents .list .item-divider{
  color: #1F314A;
  font-family: opensans-bold;
  font-size: 1.3em;
  padding-left: 1em;
}
.notifications .contents .list .item{ }
.notifications .contents .list .item img{ }
.notifications .contents .list .item .item-note{ color: #6665FF; font-size: 0.8em; }
.notifications .contents .list .item h2{ color: #1F314A; padding-right: 25%; line-height: 24px;}
.notifications .contents .list .item p{ padding-right: 25%; color: rgba(31, 49, 74, 0.9); }
.profile { }

.profile .header {
  text-align: center;
  margin: 0 auto;
  padding-top: 1em;
}

.profile .header h2 {
  margin: -0.4em 0 0;
  padding: 0.2em 1.8em;
  font-size: 1.6em;
  font-family: opensans-bold;
}

.profile .tab-ecd { background: #EFF1F5; padding-bottom: 30px;}

.profile .tab-nav.tabs{
  width: 100%;
  background: #fff;
  display: flex;
  margin-left: 0;
  left: 0;
  height: 75px;
  line-height: 30px;
  padding-top: 10px;
}

.profile .contents{ margin-top: 60px; background: transparent;}
/* .profile .contents .tab-ecd .scroll { height: auto !important; } */
.profile .contents .tab-ecd .scroll { overflow: auto; padding-bottom: 80px;}
.profile .contents .course_info{ text-align: center; background: #fff;}
.profile .contents .profile_info{ text-align: center; background: #fff;}
/* .profile .contents .profile_info img{ width:25%; } */
.profile .contents .profile_info img{
  border-radius: 50%; width: 120px; max-width: 120px; height: 120px; max-height: 120px;
}

.profile .contents .profile_info h2{
  margin: 0;
  font-family: opensans;
  font-size: 1.3em;
  color: rgba(31, 49, 74, 0.9);
}
.profile .contents .profile_info .button.button-ecd{
  margin: 1em 4em;
  background-color: #6665FF;
  color: #fff;
  padding: 0 2.8em;
  border-radius: 40px;
  height: 42px;
  line-height: 42px;
}

.profile .contents .col.completed,
.profile .contents .col.inprogress {
  text-align: center;
  text-transform: uppercase;
  color: rgba(31, 49, 74, 0.4);
}

.profile .contents .col.completed .count,
.profile .contents .col.inprogress .count {
  font-size: 1.4em;
  color: rgba(31, 49, 74, 0.8);
  margin: 0;
}

.profile .contents .col.completed span,
.profile .contents .col.inprogress span {
  font-size: 0.8em;
}

.profile .contents .list{
  padding-left: 1em;
  background: #fff;
}
.profile .contents .list .item{}
.profile .contents .ecd-row{ margin-top: 10px; }

.profile .contents .list .item .item-avatar{ padding-left: 82px; }

.profile .contents .list .item h2{
  font-family: opensans-bold;
  color: rgba(31, 49, 74, 0.9);
  font-size: 0.9em;
}

.profile .contents .list .item p{
  font-family: opensans;
  color: rgba(31, 49, 74, 0.6);
  font-size: 0.8em;
}

.profile .contents .list .item .badge{
  font-family: opensans-bold;
  color: rgba(31, 49, 74, 0.6);
  border: 1px solid;
  border-radius: 40px;
  background: none;
}

.profile .contents .list.leaders .item:first-child {
  background-image: url('../img/achiever_first_bg.png');
  background-color: rgba(255, 214, 80, 0.6);
}
.profile .contents .list .item:first-child .badge{ color: #fff; background: #FFD750; border: none; }
.profile .contents .list .item:nth-child(2) .badge{ color: #FFD750; background: none;}
.profile .contents .list .item:nth-child(3) .badge{ color: #FFD750; background: none;}

.profile_edit { }
.profile_edit .header {
  text-align: center;
  margin: 0 auto;
  padding-top: 1em;
}

.profile_edit .header h2 {
  margin: -0.4em 0 0;
  padding: 0.2em 1.8em;
  font-size: 1.6em;
  font-family: opensans-bold;
}

.profile_edit .tab-nav.tabs{
  width: 100%;
  background: #fff;
  display: flex;
  margin-left: 0;
  position: static;
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); */
}

.profile_edit .tab-nav a.tab-item{
  max-width: 50%;
  margin: 0;
  color:#1D1D26;
}
.profile_edit .tab-nav a.tab-item.tab-item-active{
  border-width: 0px 0px 5px 0px !important;
  border-color: #2391FF;
}

.profile_edit .tab-ecd {
  top: 2px !important;
  background: #EFF1F5;
  text-align: center;
  padding-top: 7%;
}

.profile_edit .contents{ margin-top: 38px; background: transparent; height: 100%; overflow: auto; overflow-x:hidden;
 padding-bottom: 50px;}
/* .profile_edit .contents .tab-ecd .scroll { height: auto !important; } */
.profile_edit .contents .tab-ecd .scroll { height: 120% !important; }
.profile_edit .contents .course_info{ text-align: center; background: #fff;}
.profile_edit .contents .profile_info{ text-align: center; background: #fff;}
.profile_edit .contents .profile_info .proset{
  text-decoration: none;
  width: 152px;
  height: 152px;
  display: block;
  margin: 0 auto;
  position: relative;
}
.profile_edit .contents .profile_info .proset .change-pic{
  position: absolute;
  right: 15px;
  bottom: 15px;
  height: 45px;
  width: 45px;
  font-size: 32px;
  background: #6564ff;
  padding: 0px 9px;
  border-radius: 50%;
  color: #fff;
}
.profile_edit .contents .profile_info img{
  border-radius: 50%;
  width: 120px;
  max-width: 120px;
  height: 120px;
  max-height: 120px;
}
.profile_edit .contents .settings_form {
  width: 90%;
  margin: 0 auto;
}
.profile_edit .contents .settings_form .item,
.profile_edit .contents .settings_form .item.item-select select{
  background-color: transparent;
  color: #6564ff;
}
.profile_edit .contents .settings_form .input-label{
  text-align: left;
  color: rgba(31, 49, 74, 0.9);
  font-size: 1.1em;
}
.profile_edit .contents .profile_info h2{
  margin: 0;
  font-family: opensans;
  font-size: 1em;
  color: rgba(31, 49, 74, 0.9);
}
.profile_edit .contents .profile_info .button.button-ecd{
  margin: 1em 4em;
  background-color: #6665FF;
  color: #fff;
  padding: 0 2.8em;
  border-radius: 40px;
  height: 42px;
  line-height: 42px;
}
.profile_edit .contents .list{  }
.profile_edit .content-block .regsiteration_form input {
  display: block;
  margin: 0 auto;
  background: #fff;
  margin-bottom: 1em;
  width: 79%;
  height: 3em;
  border-radius: 40px;
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  padding-left: 6%;
  font-size: 1.3em;
  border:none;
}
.profile_edit .content-block .button-ecd-join{
  margin: 0 4em;
  background-color: #6665FF;
  color: #fff;
  padding: 0 2.8em;
  border-radius: 40px;
  height: 42px;
  line-height: 42px;
}
.profile .tabs-top > .tabs {/*top:0;*/  }

.mentor_insights{ background: #EFF1F5; }
.mentor_insights .header {
  text-align: center;
  margin: 0 auto;
  padding-top: 1em;
}

.mentor_insights .header h2 {
  margin: -0.4em 0 0;
  padding: 0.2em 1.8em;
  font-size: 1.6em;
  font-family: opensans-bold;
}

.mentor_insights .contents{ margin-top: 0px;  margin-bottom: 20px; }
.mentor_insights .contents .list{ }


.mentor_insights .button.button-ecd {
  background-color: #6665FF;
  color: #fff;
  border-radius: 40px;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 33%;
  width: 33%;
}


.mentor_insights .contents .list .insight-item{ border-bottom: 1px solid rgb(218, 220, 222); margin: 0 16px; }
.mentor_insights .contents .list .item-avatar{ background: transparent; }
.mentor_insights .contents .list .item-avatar h2{line-height: 18px; font-size: 14px; font-family: opensans; color: rgba(31, 49, 74, 0.9); }
.mentor_insights .contents .list .item-icon-right .ddown {
  right: 0;
  top: 11px;
  height: 32px;
  color: rgba(31, 49, 74, 0.5);
  font-size: 21px;
}

.mentor_insights .contents .list .item-avatar .item-body{
  padding-left: 72px;
  margin-right: -44px;
/*  border-bottom: 1px solid #DDD;*/
}

.mentor_insights .contents .list .item-avatar .item-body > img:first-child{ }

.mentor_insights .contents .list .item-avatar .item-body > p{
  color: rgba(31, 49, 74, 0.9);
  margin: 0;
  font-size: 12px; line-height: 18px;
}

.mentor_insights .contents .list .item-divider.outer{
  display: flex;
  justify-content: space-between;
  background:transparent;
}
.mentor_insights .contents .list .inner {
  display: flex;
  justify-content: space-between;
  margin-top: 6px
}

.mentor_insights .contents .list .inner .votes{
  position: relative;
  width: 50%;
  height: 32px;
}

.mentor_insights .contents .list .inner .votes .upvote{
  position: absolute;
  width: 25%;
  display: block;
  height: 32px;
  left: 0;
  color: #000;
  font-size: 1.5em;
  padding: 5px;
}

.mentor_insights .contents .list .inner .votes .downvote{
  width: 25%;
  height: 32px;
  display: block;
  position: absolute;
  left: 30%;
  color: #000;
  font-size: 1.5em;
  padding: 5px;
}

.mentor_insights .contents .list .inner .votes .downvote i{ vertical-align: text-bottom !important; }
.mentor_insights .contents .list .inner .votes .vote-count{
  display: block;
  position: absolute;
  left: 53%;
  padding: 7px;
  font-size: 0.9em;
  font-family: opensans-bold;
}

.mentor_insights .contents .list .inner .reply-reply{ position: relative; width: 50%; }
.mentor_insights .contents .list .inner .reply-reply .reply2{
  position: absolute;
  top: 6px;
  right: 0px;
  font-size: 0.9em;
  color: rgba(101, 101, 255, 0.9);
}

.mentor_insights .contents .list .inner .reply-reply .reply2 .ion-reply:before{
  font-size: 1.7em;
  top: 3px;
  position: relative;

}

.mentor_insights .contents .list .item-divider .answer_count{ padding-left: 72px; color: rgba(101, 101, 255, 0.9); }
.mentor_insights .contents .list .item-divider .reply{
  color: rgba(101, 101, 255, 0.9);
  padding-right: 10px;
  position: relative;
}

.mentor_insights .contents .list .item-divider.outer .reply i{
  font-size: 1.4em;
  position: absolute;
  left: -26px;
  top: -5px;
}

.mentor_insights .contents .list .item-divider.outer .reply .ion-reply:before{
  font-size: 1.3em;
  top: 1px;
  position: relative;
}

.blank_modal.blank_modal_askq .head .close_button:before { background: transparent; }
.blank_modal.blank_modal_askq .contents { background: #6665FF; /*height: calc(70% + 70px);*/
height: 100%; }
.blank_modal.blank_modal_askq .contents .text-container {
  display: flex;
  justify-content: center;
  margin-top: 100px;
}

.blank_modal.blank_modal_askq .contents .text-container  form { width: 90%; }
.blank_modal.blank_modal_askq .contents .text-container  form textarea {
  border-radius: 25px;
  padding: 25px;
  width: 100%;
  color: black;
}

.blank_modal.blank_modal_askq .contents .text-container button.button-ecd {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  width: 30%;
  margin: 5% 35%;
  border-radius: 25px;
  color: #6664ff;
}

.drag_drop.textsliders .main-content .drag_question{
  width: 80%;
  min-height: 160px;
  left: inherit !important;
  display: flex;
  align-items: center;
  background: #efefef;
}
.drag_drop.textsliders .main-content .buckets .card .answer{
  background: #fff;
  overflow: hidden;
  width: 90%;
  margin: auto;
  font-size: 11px;
}

.blank_modal .blank_modal_article .text-container.lessoncontenttext p{
 padding: 0;
 background: none;
 position: relative;
}
.page_poster img {
    margin-bottom: 20px;
    width: 150px;
}
flip_page_poster img {
    width: auto;
}
.flipcards .scroll{
  width: 90%; 
  margin: auto;
}
.lessoncontentpage .swipe-cards swipe-card .module_content_slide_item {
    height: 280px !important;
    display: flex;
    align-items:center;
}
#modulecontentdata .module_content_slide_item2 {
    height: 290px !important;
    display: flex;
    align-items:center;
}
.swipe-card .image_content{
    width: 95%;
    margin: auto;
    /*padding-top: 20px;*/
    text-align: center;
}
.page_poster_content p {
    line-height: 28px;
    font-size: 16px !important;
}
.swipe-cards{
  margin-top: 30px;
  width: 100%;
}
.swipe-card .image_content .lessontitle{
  font-size: 20px;
  margin: 15px 0;
}
.swipe-cards ol{
  list-style: decimal;
  margin-left: 20px;
  text-align: left;
}

.lessons-list .item, .insight-item .item{
  margin-bottom: 0;
}

.posterimagediv img{
  width: 100%;
}

.lessonpopupcontainer.text-container{
  background: rgba(0, 0, 0, 0.9);
  /*height: 100vh;*/
  overflow: auto;
}

.lessonpopupcontainer.text-container .contenttext{
  background: none;
}
.blank_modal .blank_modal_article .lessonpopupcontainer.text-container p{
  font-size: 1.0em;
}

.myprofile .scroll {
    width: 90%;
    margin: auto;
    margin-top: 50px;
}


.loginpage .progresspopups, .registrationpopup .progresspopups, .coursetopic.progresspopups{
  height:100%;width:100%; vertical-align:middle; display:table; background: #444444 !important;
}
.loginpage .progresspopups .container, .registrationpopup .progresspopups .container, .coursetopic.progresspopups .container{
  display:table-cell; vertical-align:middle;
}
.loginpage .progress-wrapper, .registrationpopup .progress-wrapper, .coursetopic .progress-wrapper{
  position: relative;margin:20px auto; font-size: 40px; text-align: center;
}
.loginpage .progress, .registrationpopup .progress, .coursetopic .progress{
position: absolute;width: 100%;height: 100%;line-height: 30px; font-size:1em;text-align: center;color: #bbb;font-weight: 100;
    background-image: linear-gradient(to bottom,#b7b7b7 0,#7b7b7b 100%);
}
.loginpage .loginprogress, .registrationpopup .loginprogress, .coursetopic .loginprogress{
  background:transparent; width:100%; margin-top:50px; font-size:30px; height:100px !important;
}
.loginpage .progress, .registrationpopup .progress, .coursetopic .progress{
  box-shadow:none !important; -webkit-box-shadow:none !important; color: #fff !important;
}
.loginpage .progress  .loadingcontent, .registrationpopup .progress  .loadingcontent, .coursetopic .progress  .loadingcontent{
  margin-bottom: 0; line-height: 20px; font-size: 11px; margin-top: 15px;
}
.coursetopic.progresspopups.modal .progress{background: none !important;}

.module_quizz input{
    border: none;
    border-bottom: solid 1px #ccc !important;
    width: 100%;
    font-size: 16px;
    margin-bottom: 40px;
    }



   .module_quizz input[type="radio"]{

   }

   .customregistration .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
    margin: 0px 10px 0 0;
    vertical-align: middle;
}

.customregistration input:checked + .slider {
    background-color: #1ebd61;
}

.customregistration .slider.round {
    border-radius: 34px;
}

.customregistration .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    visibility: visible;
}

.slider {
    position: relative;
    visibility: hidden;
    overflow: hidden;
}

.customregistration .slider.round:before {
    border-radius: 50%;
}

.customregistration .slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 5px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}




.customregistration input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.btn-spacing{
  margin-top: 40px !important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

.newquizstyles .form-group label, .lessonnewquizstyles .form-group label {
    font-size: 20px;
    margin-bottom: 20px;
    display: none;
}

.lessonnewquizstyles .showlabel label {
    font-size: 16px;
    margin-bottom: 20px;
    display: block !important;
    color: #666;
    font-weight: normal;
}
.lessonnewquizstyles .form-group .list label {
    display: block !important;
}



.myprofile .subgrouptwo, .myprofile .subgroupthree, .mysurvey .subgroupthree, .mysurvey .subgrouptwo, .mainquestioncontainer .subgroupthree {
    float: left;
    font-weight: 600;
    margin-right: 8px;
    font-size: 16px;
}

.assignmentupload{
  margin-bottom: 40px;
}

.lessonnewquizstyles input {
    border: none;
    border-bottom: solid 1px #ccc !important;
    width: 100%;
    font-size: 16px;
}

.myprofile .lessonnewquizstyles input, .mysurvey .lessonnewquizstyles input {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.lessonlabel .item-radio .item-content {
    padding: 10px;
    padding-right: 25px !important;
    background: transparent;
}

.lessonlabel label {
    float: left;
    width: auto;
    padding: 8px 10px !important;
    padding-right: 30px !important;
   
    border: solid 1px #ccc;
    font-size: 14px !important;
}

.lessonquizmain .list .item {
    padding: 0;
    margin: 0;
    background-color: transparent !important;
    display: block;
}

.item {
    border: none;
}

.item, .item-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal !important;
}

.lessonquizmain .list .item{
  color: #333 !important;
}

.lessonquizmain .list .item {
    padding: 0;
    margin: 0;
    background: #e4e9ff;
   
}


.lessonnewquizstyles .form-group .list label{
 background: #e4e9ff !important;
}

.lessonquizmain .list .item{
  margin-bottom: 5px;
}

.formly-field-select{
  margin-bottom: 40px;
}

.lessonlabel label {
    float: left;
    width: auto;
    padding: 8px 10px !important;
    padding-right: 30px !important;
   
    border: solid 1px #ccc;
    font-size: 14px !important;
}

.item-radio input:checked ~ .radio-icon {
    visibility: visible;
}
.lessonquizmain .item-radio .radio-icon {
    padding: 8px;
    font-size: 16px;
}

.module_quizz .item-radio input:checked ~ .item-content{
  background-color: transparent;
}


.item-radio .radio-icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    visibility: hidden;
    padding: 14px;
    height: 100%;
    font-size: 24px;
}
.disable-pointer-events {
    pointer-events: none;
}

.dynamicprofilepage .select2-container .select2-choice {
    line-height: 24px;
    padding: 5px;
    border-radius: 2px;
    height: 36px;
}


.popup .popup-buttons .button {
    border: none;
    color: green;
    font-family: bold;
    background-color: #fff;
}

.termsandconditionspopup .popup-body{
  background-color: #677bd8;
}
.termsandconditionspopup .popup-buttons i {
    font-size: 30px !important;
}


.dynamicprofilepage .btn-primary:disabled, .dynamicprofilepage .btn-primary[disabled] {
    background: #ffbadf;
    position: relative;
/*    left: 50%;
    margin-left: -45px;*/
}

.info i:before {
    content: "\f44c";
}
.info i:before {
    display: inline-block;
    font-family: "Ionicons";
}

.popup .popup-buttons .button {
    /* border: none;
    color: green;
    font-family: bold;
    background-color: #fff; */
}
.popup-container .popup-buttons .button {
    min-height: auto;
    padding: 8px 35px;
    border-radius: 4px;
    color: #fff;
    background: #5bb57a;
    font-size: 18px;
    flex: auto;
    border: none;
}

.videocontainertext{color: #3e3e3e;}
.videocontainertext.lessoncontenttext .contenttext{
  background: none !important;
}
.videocontainermain .has-footer{margin-top: 50px;}

.slidecls0{background: #7e4bc7;}
.slidecls1{background: #09baf7;}
.slidecls2{background: #f29b26;}
.slidecls3{background: #8f4bbd;}
.slidecls4{background: #7160ca;}
.slidecls5{background: #ef2c79;}
.slidecls6{background: #16a5f6;}
.slidecls7{background: #579306;}
.slidecls8{background: #f4d071;}
.slidecls9{background: #ef2979;}
.lessoncontentpage .swipe-cards swipe-card .module_content_slide_item, .lessoncontentpage .swipe-cards swipe-card .module_content_slide_item2{color: #fff;}
#modulecontentdata .module_content_slide_item2{font-size: 18px; line-height: 26px;}
.module_content_slide_item2 .lessontitle{font-weight: 700;}

.swipeleftright0{background: #7e4bc7 !important;}
.swipeleftright1{background: #09baf7 !important;}
.swipeleftright2{background: #f29b26 !important;}
.swipeleftright3{background: #8f4bbd !important;}
.swipeleftright4{background: #7160ca !important;}
.swipeleftright5{background: #ef2c79 !important;}
.swipeleftright6{background: #16a5f6 !important;}
.swipeleftright7{background: #579306 !important;}
.swipeleftright8{background: #f4d071 !important;}
.swipeleftright9{background: #ef2979 !important;}
.swipe_left_right .main-content #questions .drag_question{color: #fff; font-size: 16px;}

/*.swipeleftright0{box-shadow: 2px 3px 3px 2px #2cb99c !important;}
.swipeleftright1{box-shadow: 2px 3px 3px 2px #ff0000 !important;}
.swipeleftright2{box-shadow: 2px 3px 3px 2px #941458 !important;}
.swipeleftright3{box-shadow: 2px 3px 3px 2px #1015d5 !important;}
.swipeleftright4{box-shadow: 2px 3px 3px 2px #06e7af !important;}
.swipeleftright5{box-shadow: 2px 3px 3px 2px #5eea00 !important;}
.swipeleftright6{box-shadow: 2px 3px 3px 2px #ffa800 !important;}
.swipeleftright7{box-shadow: 2px 3px 3px 2px #d202ff !important;}
.swipeleftright8{box-shadow: 2px 3px 3px 2px #067bff !important;}
.swipeleftright9{box-shadow: 2px 3px 3px 2px #fcff20 !important;}*/

.did_you_know{
  background: linear-gradient( #6665FF, #fff);
}

.did_you_know .bar-ecd-footer .button-ecd { margin: 0 auto; }
.did_you_know h2 { color: #EFF1F5; }
.did_you_know .did-you-know-title {
  width: 100%;
  float: left;
}
.did_you_know .slider-pager { bottom: 0;}
.did_you_know .lamborghini .gallardo:before,
.did_you_know .lamborghini .Diablo:before {
  color: #fff;
}
.did_you_know img {
    width: 25%;
    margin-top: 20px;
}
.did_you_know .board {
  margin-bottom: 10%;
  /* padding-bottom: 10%; */
}
.did_you_know p{
  padding: 25px;
  background: #fff;
  border-radius: 25px;
  min-height: 300px;
  font-size: 1.8em;
}
.did_you_know p .high{
  font-family: opensans-bold;
  color:#6665FF;
  font-size: 1.3em;
  display: block;
}
.did_you_know .scroll-content {
  margin-top: 60%;
}


swipe_left_right{}
.swipe_left_right .header{}
.swipe_left_right .main-content{}
.swipe_left_right .main-content #questions{ position: relative; height: 325px; }
.swipe_left_right .main-content #questions .drag_question{ position: absolute; left: calc(50% - 130px); right: calc(50% - 130px); 
 /*display: flex; align-items:center; border:solid 1px #ccc;*/ border-radius: 3px; padding: 10px; padding-top: 80px;}
.swipe_left_right .main-content #questions .drag_question img{ margin: 0 auto; text-align: center; display: block; }
.swipe_left_right .main-content #questions .drag_question span{
  display: block;
  width: 100%;
  text-align: center;
}

.swipe_left_right .main-content h5.info{
  line-height: 1.4em;
  text-align: center;
  margin: 0 auto;
  width: 70%;
  font-size: 0.7em;
  text-transform: uppercase;
  color: #9B9B9B;
}

.swipe_left_right .row .col{ text-align: center; padding: 0 6%; }
.swipe_left_right .row .col h4{ color: rgba(74, 74, 74, 0.67); }
.swipe_left_right .row .col.swipe-left{}
.swipe_left_right .row .col.swipe-right{}

.main-content .row.swipers{position: absolute; bottom: 0px !important;}

.swipe_left_right .main-content h4.info {
    line-height: 1.4em;
    text-align: center;
    margin: calc(50% - 100px) auto;
    width: 70%;
    font-size: 1.5em;
    text-transform: uppercase;
    color: #6564ffd9;
}

/*.blank_modal_article .scroll{height: 100%;}*/
.case_studies .blank_modal_article .scroll{height: 100%;}

.video-js .vjs-big-play-button{top: calc(50% - 35px) !important;
    left: calc(50% - 45px) !important;}

.module_content_slide_item2 ul{text-align: left; margin-left: 20px;}
.module_content_slide_item2 ul li{list-style: decimal;}

.swipecardbutton{background: #21a575; color: #fff; padding: 10px; position: absolute;
    bottom: -15px; border-radius: 100%; width: 40px; height: 40px; font-size: 32px;
    line-height: 0; right: 20px; cursor: pointer;}
.swipecardbutton i{margin-top: -5px !important; display: block; margin-left: 5px;}
.popupnext.swipecardbutton{bottom: 20px !important;}
swipe-card{overflow: visible !important;}
.thumbnailimage{text-align: center; width: 100%; position: absolute; top: 10%;}


.course_content.scrolling .scroll-content{height: 55% !important; /*overflow: auto !important;*/ overflow-x:hidden !important; }
.popup-container .popup-buttons .ok-button{color: #fff !important; background: #e86b75 !important;}



.video-js .vjs-overlay {color: black !important; position: absolute; top: 5%; left: 10%; width: 50%; height: 50%; background: rgba(134, 134, 134, 0.4) !important;}
.video-js .vjs-overlay.simulation-vjs-overlay{position: absolute; top: 5%; width: 50%; left: 15%; height: 70%;}
.dashboard.mycustomlesson .mainquestioncontainer{margin-top: 30px;}
.lessonnewquizstyles .form-group .list label{padding: 0px !important;}

.iframeclass .form-group{margin-bottom: 0 !important;}
@media only screen and (min-width: 990px){
.vjs-fullscreen .vjs-overlay {width: 40% !important; left: 30% !important; height: 50% !important; top:25% !important;}
} 
@media only screen and (min-width:320px) and  (max-width: 599px){
.video-js .vjs-overlay {top: 1%; left: 1%; width: 98%; height: 98%;}
.video-js.vjs-fullscreen .vjs-overlay {top: 15%; height: 70%; width: 100%; left: 0%;}
}
@media only screen and (min-width: 600px){
.video-js .vjs-overlay {width: 80%; left: 10%; height: 90%;}
.blank_modal_article.scroll-content .scroll{height: 100%;}
}
@media only screen and (min-width: 600px) and (max-width: 620px) {
.vjs-fullscreen .vjs-overlay {top: 30%; left: 15%; width: 70%; height: 40%;}
}


.courselanding .item{cursor: pointer;}
.lessoncontentpage .swipe-cards swipe-card{width: 90% !important; min-width: 90% ;
left: 5%; margin: auto;}

.hidenextbuttonshow .button{margin: auto;  background-color: #6665FF; color: #fff;
    padding: 0 2.8em; border-radius: 40px; height: 42px; line-height: 42px; display: table !important;}
.hidenextbuttonshow{float: left; width: 100%;}
.hidenextbuttonshow a{display: table !important; margin: auto;}
.vjs-brand-container img{display: none;}
.vjs-button > .vjs-icon-placeholder:before{font-size: 26px !important; line-height: 30px !important;}
.registrationpopup .withimages .item-content{text-align: center !important;}
.registrationpopup .item-content .attachment{width: 100% !important;}
.complete.hidenextbuttonshow h4{line-height: 30px;}
.complete.hidenextbuttonshow .button{margin-top: 10px;}

.registrationpopup .mainquestioncontainer .subgroupone{display: none;}
.alert-danger{color: #fff !important; background: #900 !important; border-color: #ebccd1;
    display: inline-block; padding: 5px 15px !important; margin: 10px 0;
    border-radius: 0 !important; border: none; font-size: 13px; position: relative;}
.alert-danger .glyphicon{display: none;}
.message_top{width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-bottom: 5px solid #900; position: absolute; top: -4px; left: 10px;}
.registrationpopup .form-group{margin-bottom: 30px;}
.registrationpopup .module_quizz input{margin-bottom: 0;}
.registrationpopup .showlabel label{font-size: 14px;}
.registrationpopup .showlabel.grouplabeltitle label{font-size: 18px !important;}
.registrationpopup .subgrouptwo, .registrationpopup .subgroupthree{font-size: 14px;}
.registrationpopup .withimages .attachment img{width: 100px; height: 100px; float: none; margin-bottom: 10px;}
.registrationpopup .customregistration{margin-top: 60px;}
.registrationpopup .scroll{margin-top: 0;}
.registrationpopup .header{text-align: center; margin: 0 auto; padding-top: 1em;}
.registrationpopup .header h2{margin: -0.4em 0 0; padding: 0.2em 1.8em; font-size: 1.6em; font-family: opensans-bold;}

.mentor_insights .item-avatar > img:first-child{width: 26px; height: 26px; left: 0;}
.mentor_insights .item-avatar{left: 0px; padding-left: 40px !important;}
.mentor_insights .contents .list .item-divider .answer_count{padding-left: 0;}
.mentor_insights .item-icon-right{padding-right: 30px !important; padding-left: 40px !important;}
.mentor_insights .contents .list .item-avatar .item-body{padding-left: 40px;}
.mentor_insights .contents .list .inner .votes .upvote{font-size: 18px;}
.mentor_insights .contents .list .inner .votes .downvote{font-size: 18px; left: 30px;}
.mentor_insights .contents .list .inner .votes .vote-count{font-size: 12px; left: 60px;}
.mentor_insights .contents .list .item-divider .answer_count, .mentor_insights .contents .list .item-divider .reply, 
.mentor_insights .contents .list .inner .reply-reply .reply2{font-size: 12px;}
.mentor_insights .contents .list .item-divider.outer .reply i{font-size: 14px; left: -16px; top:-4px;}
.blank_modal_askq .head h2.title{top: 90px; text-align: center; width: 96%;}
.dragdrowcontainer img{position: absolute; top: 10px; left: 0; right: 0;}
.swipe-card .bodycontainer{width: 100%;}
.mentor_insights .item-avatar h2{line-height: 18px; font-size: 14px; font-family: opensans !important; color: rgba(31, 49, 74, 0.9); }
.mentor_insights .item-icon-right .ddown{right: 0; top: 11px; height: 32px; font-size: 21px;}
.mentor_insights .insight-item .item-divider.outer{display: flex; justify-content: space-between;
  background:transparent;}
.mentor_insights .insight-item .item-avatar{margin-left: 0 !important;}
/*.list.mentor_insights{padding: 0 16px;}*/
.list.mentor_insights .insight-item { border-bottom: 1px solid rgb(218, 220, 222); margin: 0 16px;}
.list.mentor_insights .item{background: transparent;}
.mentor_insights .item-divider .answer_count, .mentor_insights .item-divider .reply,
.mentor_insights .reply-reply .reply2{font-size: 13px; color: rgba(101, 101, 255, 0.9) !important;}
.mentor_insights .item-divider.outer .reply i{font-size: 14px; left: -16px; top:-4px;}
.mentor_insights .item-avatar .item-body > p{font-size: 12px;  line-height: 18px; margin-top: 0;}
.mentor_insights .inner{display: flex; justify-content: space-between; margin-top: 6px;}
.mentor_insights .inner .votes{position: relative; width: 50%; height: 32px;}
.mentor_insights .inner .votes .vote-count {font-size: 12px; left: 60px;
    display: block; position: absolute; left: 53%; padding: 7px; font-size: 0.9em;
    font-family: opensans-bold;}
.mentor_insights .inner .votes .upvote{position: absolute; width: 25%; display: block;
    height: 32px; left: 0; color: #000; padding: 5px;}
.mentor_insights .inner .votes .downvote{width: 25%; height: 32px;
    display: block; position: absolute; left: 30%; color: #000; padding: 5px;}
.mentor_insights .item-avatar .item-body{padding-bottom: 0 !important; margin-right: -44px;}
.mentor_insights .item-divider .answer_count, .mentor_insights .item-divider .reply{color: rgba(101, 101, 255, 0.9);}
.mentor_insights .inner .votes .downvote {font-size: 18px; left: 30px;}
.mentor_insights .inner .votes .vote-count{left: 60px;}
.mentor_insights .item-divider .answer_count,
.mentor_insights .item-divider .reply{color: rgba(101, 101, 255, 0.9) !important;}
.registrationpopup .optionnumber{display: none;}

.ecd-card .item{margin-bottom:10px;}
.button-balanced.error{background: #f17676 !important;}
.icon_container.error{background: #f17676; padding: 15px 0;}
.icon_container i{font-size: 80px; color: #fff;}
.error i:before{content: "\f100";}
.error i:before{display: inline-block; font-family: "Ionicons";}
.course-card .item{cursor: auto;}
/*.course_content .tab-ecd .scroll{padding-top: 45px;}*/


.lessoncontentpage .lesson-footer{position: absolute; bottom: 0 !important; display: flex; cursor: pointer;}
/*.lessoncontentpage .scroll{height: 100%;}*/
.item-accordion ul{list-style: decimal; margin-left: 20px; margin-top: 10px;}
.cousedescriptiontext{font-size: 14px; min-height: 60px;}

.videocontainermain .lessonsubmitbutton .skipbutton button, .quizwatchvideo{background: none !important; border:none; color: #0d206f; padding: 5px 15px !important;
 margin-left: 15px !important;}
.videocontainermain .lessonsubmitbutton button{left: 0 !important; margin-left: 0 !important;}
/*.videocontainermain .quizcontentdiv{width: }*/
.videocontainermain .quizcontentdiv .optionnumber{display: none;}
.lessonnewquizstyles .mainquestioncontainer .showlabel label{width: calc(100% - 25px);}
.lessonnewquizstyles .showlabel label{display: inline-block !important;}
/*.videocontainermain .head{text-align: center; padding-top: 40px;}
.lessoncontentpage .scroll{margin-top: 60px;}*/
.lessoncontentpage .lesson-component{text-align: center !important;}
.videocontainermain .form-group{margin-bottom: 30px;}
.videocontainermain .quizcontentdiv{margin-bottom: 60px; margin-top: 30px !important;}
.videocontenttext{padding: 15px; padding-bottom: 60px;}
.videocontainermain .item{cursor: auto;}
.lessonnewquizstyles .form-group .list label{cursor: pointer;}

.reviewanswer, .quiztryagain{padding: 5px 15px; border:none; background: #10a041 !important; color: #fff;}
.feedbacktext h3{font-size: 16px; font-weight: normal; margin-bottom: 15px;}
.lessonquizmain .item-radio input:checked ~ .item-content{background: transparent;}
.videocontenttext ol, .videocontenttext ul{list-style: decimal; margin-left: 25px;}
.feedbacktext{margin-top: 30px;}
.ask_mentor input{color: #666; padding: 15px; height: auto; border: none; border-radius: 25px;
    margin-bottom: 15px;}
.error i:before{display: inline-block; font-family: "Ionicons";}
.error i:before{content:"\f100";}
.info i:before{display: inline-block; font-family: "Ionicons";}
.info i:before{content:"\f44c";}
.success i:before{display: inline-block; font-family: "Ionicons";}
.success i:before{content:"\f3fe";}
.catnametitle{font-style: italic; color: #6565ff; font-size: 12px;}
/*.lesson.mentor_insights .button.button-ecd{bottom: 100px;}*/
.course_content .mentor_insights{background: transparent;}
.lesson.mentor_insights{position: relative !important; margin-top: 80px;}
.bar.bar-footer.lesson-footer{cursor: pointer;}

.tab-nav.tabs .tab-item{max-width: inherit !important;}
.bar .title.title-left{text-align: center !important; left: 0 !important; font-size: 24px;}
.vjs-poster{background-color: #fff;}

a:focus{outline-offset:0; outline:0;}
a:focus, a:hover{text-decoration: none;}

.downloadcourse img{cursor: pointer; padding: 5px; width: 30px; height: 30px;}
.likedislikementor .upvote{position: inherit !important; display: inline !important;}
.likedislikementor{float: left; margin-right: 20px; font-size: 14px;}
.vote-count{display: none !important;}
.mentor_insights .inner .votes .downvote{position: inherit !important; display: inline !important;}
.likedislikementor i{margin-right: 0px; font-size: 20px !important; cursor: pointer;}
.comingsoon{text-align: center; position: absolute; right: 0; background: #51843a; width: 100%;}
.comingsoon span{padding: 5px 10px; color: #fff; font-size: 14px;}
.hidecourse.card .item:last-child, .hidecourse.ecd-card .item-avatar > img:first-child{opacity: 0.5; }
.modulecontentscroll.mentorinsightsscroll{/*overflow: auto;*/ overflow-x:hidden; height: calc(100vh - 130px) !important;}
.hidecourse{pointer-events: none !important;}

.video-js .vjs-overlay{background:transparent !important;}

iframe#quizForm, .flexbox.flexboxlegacy, .iframequizsection .flexbox.flexboxlegacy body,
.iframequizsection .flexbox.flexboxlegacy .pane{background-color: transparent !important; border-radius: 10px !important; box-shadow: 5px 6px 11px #000 !important;}
.iframequizsection body, .vjs-overlay .iframequizsection body{background-color: transparent !important;}
.videoquizcontainer.iframeclass.pane, .vjs-fullscreen .iframequizsection .pane{background: #ececec !important; border-radius: 10px;}

.iframeclass{width: 100% !important;}
.iframeclass .mainquestioncontainer{margin-top: 0 !important;}
.iframeclass .mainquestioncontainer .subgroupthree{display: none !important;}
.iframeclass .mainquestioncontainer .showlabel{background: #e0e0e0 !important; text-align: center; padding:6px 15px !important; margin-bottom: 15px;}
.iframeclass .mainquestioncontainer .showlabel label{margin-bottom: 0 !important; color: #666 !important; font-size: 14px !important;}
.iframeclass .lessonnewquizstyles .form-group .list label{background: #fff !important;
    border: dashed 1px #048404; border-radius: 5px;}
.iframeclass .listname .optionnumber{display: none !important;}

.iframeclass .mycustomlesson .dynamicprofilepage label{font-weight: normal !important;}
.iframeclass .lessonnewquizstyles .form-group .list label{margin: auto !important;}
.iframeclass .lessonquizmain .lessonlabel{display: table; margin: auto;}
.iframeclass .lessonsubmitbutton{text-align: center; display: table; margin: auto;}

.item.item-text-wrap.activated, .item.item-avatar.activated{background: transparent;}

.iframeclass .lessonsubmitbutton button{background: #48a548; border:none; padding: 10px; margin-top: 10px !important; width: 200px;}
.iframeclass .lessonsubmitbutton button:active:focus{background:#379037 !important;}


.video-js .vjs-overlay{width: 100%; padding: 0; height: 100%; background:rgba(0, 0, 0, 0.8) !important; left: 0; top: 0;}
.video-js .vjs-overlay iframe{width: 80% !important; left: 10% !important; height: 90% !important; margin-top: 5% !important;}

.lessoncontentpage .mainquestioncontainer .subgroupthree{color: #666; font-weight: normal;}
.lessonnewquizstyles .form-group .list label{background: #f1f1f1 !important;
    border: dashed 1px #048404; border-radius: 5px;}
.lessonnewquizstyles .lessonsubmitbutton button{background: #48a548 !important; border:none;}
.lessoncontentpage #video{margin-top: 45px !important;}
.feedbacktext{text-align: center;}
.lessoncontentpage .lessonquizmain .list .item{color:#666 !important;}
.card .item:last-child.activated, .list-inset .item:last-child.activated{background: transparent;}

.activated_correct .lessonlabel .item{background: #eaffea !important;}

.clear{clear: both;}



/*.customcardscroll_mainscroll {
    float: left;
    display: flex !important;
    display: -webkit-box !important;
    padding-bottom: 20px;
}
.newscards_items {
    background: #fff;
    color: #333333;
    padding: 0;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    width: 200px;
    margin: 0 10px 0 5px;
    border-radius: 3px;
    box-shadow: 0px 1px 10px 0px #868686;
    position: relative;
    min-height: 270px;
    max-height: 270px;
}
.customcardscroll.scroll-view{margin-top: 0;}*/

.defaulttext{font-size: 18px; text-align: center; width: 96%; color: #666; margin: auto; margin-top: 100px;}
.maincontainer{width: 100%;}
.maincontainer .subcategories{float: left; width: 100%;}


/*.owl-carousel .owl-stage{width: 100% !important;}*/

.courselanding .tab-ecd .scroll{background: #f0f1f5;}
.courselanding .subcategories .ecd-card{box-shadow: 3px 3px 10px -1px #d4d4d4;}
.courselanding .tab-nav.tabs{width: 100% !important; left: 0; margin-left: 0; padding-left: 10px;}
.categorymaincls{margin-top: 0px;}
.categorymaincls h3{font-size: 18px; color: #1F314A; width: 96%; margin: auto; margin-bottom: 0px;}
.courselanding .tab-ecd{margin-top: 105px; padding-bottom: 110px; height: 100%; overflow: auto; overflow-x:hidden;}
.courselanding .owl-theme .owl-nav.disabled+.owl-dots{margin-top: 0 !important;}
.courselanding .ecd-col.maincontainer{margin-bottom: 15px;}

::-webkit-scrollbar{width: 5px;  height: 5px;}
::-webkit-scrollbar-button{background: #ccc;}
::-webkit-scrollbar-track-piece{background: #ccc;}
::-webkit-scrollbar-thumb{background: #666;}​
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus{outline: none !important;}

.courselanding .owl-dots{margin-top: 15px; position: relative; z-index: 99999;}

.globalfeedback .module_quizz textarea{min-width: 100%; min-height: 150px; border-radius: 4px; padding: 5px 10px;}
.globalfeedback .subgroupthree{font-weight: normal !important; color: #000 !important;}
.globalfeedback .showlabel label{color: #000 !important;}
.globalfeedback form{margin-bottom: 30px;}

/*
.custompopup{width: 100%; height: 100%; background: #000000bf; z-index: 99999; position: absolute;}
.pageloader .fa-pulse{top: calc(50% - 45px); position: absolute; left: calc(50% - 45px); color: #fff;}*/


.modal-bodynew{position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.76) !important; 
  z-index: 99;}
.pageloader{top: calc(50% - 45px); position: absolute; left: calc(50% - 45px); color: #fff;} 

.downloadcourse{position: absolute; right: 0px; top: 0px; z-index: 999; width: 45px;}
.downloadcourse img{cursor: pointer; padding: 0px; width:30px !important; height:30px; border: none !important;
margin: 8px;}

.profile .tabs-top {position: absolute; width: 100%;}
.profile .tabs{top: 0;}
.profile .ecd-col.maincontainer:first-child {margin-top: 90px;}
.header.mentorpadding{padding: 15px 0;}

.countstyling{display: block;}


.profile.pane .tab-nav a.tab-item{font-family: inherit !important;}

/* awaiz */
.main-content #questions .drag_question {
    color: #fff;
    font-size: 16px;
    min-height: 200px;
    position: absolute;
    left: calc(50% - 130px);
    right: calc(50% - 130px);
    border-radius: 3px;
    padding: 10px;
    padding-top: 80px;
}
 #questions .drag_question img {
    margin: 0 auto;
    text-align: center;
    display: block;
}
.main-content #questions .drag_question span {
    display: block;
    width: 100%;
    text-align: center;
}
.main-content #questions {
    position: relative;
    height: 325px;
}
.main-content {
    padding: 1em;
}
.main-content .row.swipers {
    position: absolute;
    bottom: 0 !important;
}

.tile_view .contents .row{max-width: 50%; float: left;}
.tile_view .contents .row .col{max-width: 100% !important; flex:auto !important;}


/*.swipe-card #statement{line-height: 28px; font-size: 16px !important;}
*/
.did_you_know .content-block .lesson-component{/*display: none;*/}
.course_detail .lower .ion-chevron-up{display: block;}
.maincontent.lessoncontentpage{height: 100%; overflow: auto; overflow-x:hidden;}

.lesson-component.maincont .videocontenttext{padding: 0; margin-top: 20px; font-size: 16px; line-height: 24px;}
.lesson-component.maincont .videocontenttext ol, .lesson-component .videocontenttext ul{margin-left: 0;}
.lesson-component.maincont{padding-bottom: 60px !important;}
.lesson-component.maincont .videocontenttext{text-align: left;}
.lesson_content .content-block.maincontent #video{margin-top: 0 !important;}
.stack .swipe-cards{position: static !important;}
/*.lessoncontentpage .swipe-cards swipe-card{margin-top: 0 !important;}*/


.gradientbackground{background: linear-gradient( #6665FF, #fff);}
.gradientbackground .bar-ecd-footer .button-ecd{ margin: 0 auto; }
.gradientbackground h2{ color: #EFF1F5;}
.gradientbackground .did-you-know-title{width: 100%; float: none;}
.gradientbackground .slider-pager{ bottom: 0;}
.gradientbackground .lamborghini .gallardo:before,
.gradientbackground .lamborghini .Diablo:before{color: #fff;}
.gradientbackground img{width: 25%; margin-top: 20px;}
.gradientbackground .board{margin-bottom: 10%;}
.gradientbackground p{padding: 25px; background: #fff; border-radius: 25px; min-height: 300px;
  font-size: 1.8em;}
.gradientbackground p .high{font-family: opensans-bold; color:#6665FF; font-size: 1.3em; display: block;}
.gradientbackground .scroll-content{margin-top: 60%;}
.gradientbackground .lesson-index.fontsize0, .gradientbackground .title.fontsize0{display: none;}
.gradientbackground .main-content{padding-top: 0;}
.gradientbackground .onboard h2{padding-bottom: 10px;}
.gradientbackground .board{ margin: 0px 0.5em;}


.lessoncontentpage .lesson-component .quizcontentdiv{text-align: left !important;}

.sociallogins{/*position: absolute; bottom: 70px;*/ width: 100%; margin: auto; margin-top: 30px; margin-bottom: 30px;}
.onboard .sociallogins img{margin: 0 5px; width: 50px;}
.sociallogins a{cursor: pointer;}
.loginpag .sociallogins{position: static !important; margin: 30px 0; text-align: center;}
.loginpag .sociallogins img{width: 50px; height: 50px;}
.sociallogins a:hover{color: #fff;}
.casestudycustom.main-content{padding: 0 !important; margin: 0 !important;}
.casestudycustom.main-content .col, .casestudycustom.main-content .row{padding: 0 !important;}
.blank_modal_article .scroll{height: 100%;}
.quiz_mcq .main-content .row{padding: 0;}
.quiz_mcq .main-content .card{margin: 0 !important;}
.subhead h3{font-size: 20px;}

/*#slideid2{height: inherit;}*/
/*.pagescrolling{height: 100%;}*/
.casestudycustom.main-content .col-50{flex:auto !important;}
.complete.hidenextbuttonshow h4.info{margin-top:10px !important; font-size: 18px !important; width: 96%; }
.onlyimage{width: 100%; margin-bottom: 100px;}
.onlyimage img{width: 100%;}

.globalfeedback .module_quizz .btn{background: #48a548; border:none;}

.onboard.onloginpage .scroll{height: 100%;/* background: #ddd url(../img/bg.jpg)*/}
.onboard .sociallogins img, .loginpag .sociallogins img{width: auto !important; margin: auto; height: auto !important;}
.sociallogins a.facebook{background: #43609c;}
.sociallogins a.google{background: #df4a32;}
.onboard.onloginpage .bar-ecd-footer{position: relative; display: inline-block;}
.sociallogins a{color: #fff; border: none; border-radius: 30px; min-width: 215px; margin-bottom: 10px;}
.onboard.onloginpage .bar-ecd-footer .button-ecd{margin-bottom: 20px;}
.onboard .sociallogins img, .loginpag .sociallogins img{width: 24px !important; height: 24px !important;}
.onloginpage.loginpag .sociallogins{margin: 15px 0px !important;}
.loginor{text-align: center; margin-top: 15px; width: 100%;}
.onloginpage .bar-ecd-footer .button-ecd{position: relative !important;}
.videocontenttext > div{padding: 10px; padding-bottom: 45px;}
::-webkit-scrollbar{display: none;}

.owl-theme .owl-nav{margin-top: 0 !important;}

.select_language .dropdown-menu{border-radius: 0; padding: 0; margin-left: -1px; margin-top: 0;
 min-width: 120px; background: #f3f3f3;}


.class_specific .select_language .languages{border-radius: 5px; padding: 3px 0px 3px 5px;
    border: 1px solid #d6d6d6; background: rgba(243, 243, 243, 0.5); box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    padding: 5px;}
.class_specific .ui-select-bootstrap .ui-select-match-text span,
.class_specific .ui-select-bootstrap .ui-select-toggle>.caret{color: #1F314A;}
.class_specific .select_language .dropdown-menu{background:rgba(243, 243, 243, 0.5); margin-top: 2px;
 border-radius: 5px;}
.class_specific .select_language{right: 0; top: 0; width: auto; z-index: 999;}
.class_specific_inner .select_language{right: 5px; top: 50px; width: 100%; z-index: 999;}

.courseposter{position: relative; width: 100%;}
.courseposter img{/*max-width: 100% !important; max-height: 100% !important;*/ border-radius: 0 !important;
    position: relative !important; height: auto !important; border: none !important; left: 0 !important;}

/*.markcomplete i{filter: brightness(60%);}*/
.markcomplete{position: absolute; right: 0px; top: 0px; padding: 5px 15px; border-radius: 0px 0px 0px 5px;}
/*.course_content .lessons-list.list .item:nth-child(even){background: #eaeaea;}
.course_content .lessons-list.list .item:nth-child(odd){background: #e4e4e4;}*/
.markascomplete{width: 100%; /*border-top: solid 1px #1fc344;*/ position: absolute; right: 0; top: 0;}

.markascomplete i{/*position: absolute; right: 0px; top: 0px; background: #1fc344; color: #fff;
    padding: 5px 15px; border-radius: 0 0px 10px 10px;*/

    position: absolute;
    right: 20px;
    top: 20px;
    color: #1fc344;
    font-size:20px;
    font-weight: bolder;
    
  }


.course_content .lessons-list.list .item{
  padding-right: 45px;  
  background: #f8f8f8;  
  margin: 0px 0 10px 0;
 /* -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    box-shadow: 0 1px 2px rgba(0,0,0,.3);*/
}

.imagesliders{height: 250px;}
.imagesliders .onboard0.board{height: 250px; background-size: cover !important;}
.imagesliders .onboard0.board p{width: 60%; position: absolute; bottom: 0; left: 20%; padding: 15px;
 padding-bottom: 25px; margin-bottom: 0; background:rgba(0, 0, 0, 0.5); border-radius: 10px 10px 0 0;
  color: #fff;}

.imagesliders .slider-pager .slider-pager-page{color: #fff;}
.class_specific_inner .ecd-card h2, .profile .ecd-card h2{/*height: 35px;*/}
.class_specific_inner .owl-carousel .owl-item img, .profile .owl-carousel .owl-item img{/*max-height: 100px; min-height: 100px;*/
 width: 100%;
    min-height: 100%;}
.profile .lamborghini .gallardo, .profile .lamborghini .Diablo{top: 0;}


.profile.customscroll .contents .tab-ecd .scroll { overflow: initial !important;}
.profile.customscroll .tab-ecd{margin-bottom: 50px;}

.onboard.onloginpage .bar-ecd-footer .button-ecd{line-height: 24px; padding: 5px 25px;}

.lesson_content .lesson-img{background-size: cover !important; background-position: center center !important;
 background-repeat: no-repeat !important; }

.lesssoncarousel .owl-carousel{position: static !important; z-index: 99999;}

/*.ecd-card .item.item-avatar{min-height: 100px !important;}*/

.customimagequiz.quiz_mcq .main-content .card, .customimagequiz.quiz_mcq .main-content .card .item{background: transparent !important;}
.customimagequiz.quiz_mcq .main-content .card .item h4{background: rgba(255, 255, 255, 0.5)}
.customimagequiz.quiz_mcq .content-block .answer-details{display: none;}

.quiz_mcq.customimagequiz .subhead h3{text-align: center !important; line-height: 26px;}
.questionimage{width: 100%; height: auto; margin: 5px 0 0px 0; display: block; text-align: center;}
.questionimage img{max-width: 200px; border-radius: 5px;}

.topicstemp .contents{margin-bottom: 0;}

.lesson_content .content-block .lesson-component{height: 100% !important;}


.backdrop{background: transparent;}

/*.row.picturechoice{display: flex !important; flex-flow: row wrap; display: flex; flex-wrap: wrap;}
.row.picturechoice .picturechoicediv {padding: 0 1% !important; flex: 1 0 45%; margin: 5px; height: 100px; max-width: 32%;}*/

/*ECD Specific Styles For Drag Drop*/
/*.lesson_content .content-block .lesson-comp.markcomplete ionent{
  padding: 2em;
  text-align: left;
  height: 100%;
}
.pagescrolling{height: 100%;}*/

#custommmoverlay {
   position: absolute !important;
   top:0 !important;
   z-index: 2147483647 !important;
       left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0,0,0,.7);
}
.popquiz{width: 55%; margin: auto; background: #fff; border-radius: 4px; overflow: hidden;
    margin-top: 1%; overflow-y: auto; max-height: 380px;}
.mainquestioncontainer .lessonquizmain.withimages{float: left; width: 48%; margin-right: 2%;}
.quizcontentdiv.customclass .lessonsubmitbutton{display: inline-block; width: 100%;}
.quizcontentdiv.customclass .listname .attachment img{width: 180px !important; height: 105px;}
.lessonquizmain.withimages .lessonlabel .item-radio .item-content{padding: 10px !important;}
.lessonquizmain.withimages .item-radio i.radio-icon{background: #fff; color: #48a548; height: auto;}


.owl-stage-outer .item-text-wrap h2{font-size: 15px;}
.quizcontentdiv.customclass .listname .attachment img, .quizcontentdiv.customclass .listname .attachment{text-align: center !important; float: none !important;}

.popquiz .attachment.questionimageicon{text-align: center; float: none; width: 100%;}
.popquiz .attachment.questionimageicon img{float: none;}
.popquiz .mainquestioncontainer .lessonquizmain.withimages{ float: left !important;
    margin: 10px !important; max-width: 215px !important;}
.popquiz .lessonquizmain.withimages .attachment img{width: 180px !important; height: 105px; float: none;}
.popquiz .lessonquizmain.withimages .listname{text-align: center !important; float: none !important;}
.popquiz .lessonquizmain.withimages .attachment{float: none !important; text-align: center;}
.popquiz .lessonsubmitbutton{clear: both !important; margin-bottom: 30px !important;}

.popup-container { background: rgba(0, 0, 0, 0.6);}


.registrationpopup .module_quizz .formly-field.formly-field-radio{float: left; width: 100%;}
.registrationpopup .module_quizz .formly-field.formly-field-legal{float: left; width: 100%; margin-top: 40px;}

.disableprogressbar{
  pointer-events: none !important;
}