* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a{
  text-decoration: none !important;
}
a:hover{
  color: #444;
}
.info-bold{font-weight: 600 !important; font-size: 15px !important;}
.curriculam-container{
  padding: 30px;
  background: #fff;
}
.milestone-holder{
  float: left;
  position: absolute;
  background: #ffffff;
  z-index: 99;
  display: inline-block;
  left: 10px;
  height: 100%;
}
.milestone{
  display: block;
  width: 25px;
  height: 25px;
  font-size: 22px;
  background: #fff;
  position: relative;
  left: -1px;
  z-index: 9999;
  border-radius: 100%;
  border: 2px solid #babec2;
  box-sizing: inherit;
  transform: translate(0,-50%);
  top: 50%;
}
.tail-up{
  background: rgb(186, 190, 194);
  left: 10px;
  top: 0;
  bottom: 50%;
  position: absolute;
  width: 2px;
}
.tail-down{
  background: rgb(186, 190, 194);
  left: 10px;
  top: 50%;
  bottom: 0%;
  position: absolute;
  width: 2px;
}
.timeline-text{
  padding: 0 15px;
  overflow: hidden;
  width: 100%;
  vertical-align: top;
}
.curriculam-title{padding: 25px 0;}
.curriculam-title h4{    
  font-size: 22px;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
  margin: 0;
  color:#64277d;
}
.timeline-text .curriculam-info-text {
  padding: 20px 20px 20px 30px;
  margin-bottom: 0;
  /*width: 70%;*/
  font-size: 16px;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
  color: #000;
}

.timeline-row{
  background: #fff;
  border-bottom: 1px solid #D6D8DA;
  box-sizing: border-box;
  display: block;
  vertical-align: top;
  width: 100%;
  border-top: 1px solid #D6D8DA;
  margin-top: -1px;
  position: relative;
}

.timeline-row:nth-of-type(1){border-top:0px}
.timeline-row:last-child{border-bottom:0px;padding-bottom:0px !important;}

.timeline-row a{
  display: block;
  position: relative;
}

/*sprite settings*/
.milestone .milestone-icon{
  background: url(../img/lecture-icons.png);
  background-size: 60px;
  background-repeat: no-repeat;
  height: 20px;
  width: 16px;
  display: inline-block;
}
.milestone .code-grey{background-position: -15px -73px;margin-left: 3px;}
.milestone .code-green{background-position: -31px -73px;margin-left: 3px;}
.milestone .code-blue{background-position: -47px -73px;margin-left: 3px;}

.milestone .assignment-grey{background-position: -16px -57px;margin-left: 5px;}
.milestone .assignment-green{background-position: -31px -55px;margin-left: 4px;}
.milestone .assignment-blue{background-position: -47px -55px;margin-left: 4px;}

.milestone .video-grey{background-position: -14px 1px;margin-left: 3px;}
.milestone .video-green{background-position: -30px 4px;margin-left: 3px;}
.milestone .video-blue{background-position: -45px 2px;margin-left: 3px;}

.milestone .quiz-grey{background-position: -18px -45px;margin-left: 3px;background-size: 70px;}
.milestone .quiz-green{background-position: -37px -44px;margin-left: 3px;background-size: 70px;}
.milestone .quiz-blue{background-position: -55px -44px;margin-left: 3px;background-size: 70px;}

.milestone .drop-grey{background-position: -15px -91px;margin-left: 3px;}
.milestone .drop-green{background-position: -31px -91px;margin-left: 3px;}
.milestone .drop-blue{background-position: -46px -91px;margin-left: 3px;}

.milestone .document-grey{background-position: -15px -111px;margin-left: 3px;}
.milestone .document-green{background-position: -30px -110px;margin-left: 3px;}
.milestone .document-blue{background-position: -46px -110px;margin-left: 3px;}

.milestone .audio-grey{background-position: -15px -129px;margin-left: 3px;}
.milestone .audio-green{background-position: -31px -128px;margin-left: 3px;}
.milestone .audio-blue{background-position: -46px -128px;margin-left: 3px;}

.milestone .survey-grey{background-position: -15px -147px;margin-left: 3px;}
.milestone .survey-green{background-position: -31px -147px;margin-left: 3px;}
.milestone .survey-blue{background-position: -46px -147px;margin-left: 3px;}

.milestone .scorm-grey{background-position: -15px -91px;margin: 0px 0px 2px 3px;}
.milestone .scorm-green{background-position: -31px -91px;margin: 0px 0px 2px 3px;}
.milestone .scorm-blue{background-position: -46px -91px;margin: 0px 0px 2px 3px;}

.milestone .live {background-position: 1px 1px;margin-left: 3px;}
.milestone .live-grey{background-position: -14px 1px;margin-left: 3px;}
.milestone .live-red{background-position: 1px 1px;margin-left: 3px;}

.milestone .certificate-grey{
  background-position: -17px -22px;
  margin-left: 3px;
  background-size: 70px;
}
.milestone .certificate-green{
  background-position: -36px -22px;
  margin-left: 3px;
  background-size: 70px;
}
.milestone .certificate-blue{
  background-position: -54px -22px;
  margin-left: 3px;
  background-size: 70px;
}

.milestone .scorm-grey{
  background-position: -18px -107px;
  margin-left: 3px;
  background-size: 69px;
}

.milestone .scorm-green{
  background-position: -36px -107px;
  margin-left: 3px;
  background-size: 69px;
}

.milestone .scorm-blue{
  background-position: -54px -107px;
  margin-left: 3px;
  background-size: 69px;
}


/*sprite ends*/

a:hover .tail-down{
  background: #15c26a;
}
a:hover .tail-up{
  background: #15c26a;
}
a:hover .milestone{
  border-color: #15c26a;
}
.orange-text{color:#e97b56 !important;}
.green-text{color:#1e9f00 !important;}
.orange-eye{
  background-image: url('../img/orange-eye.svg');
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  width: 22px;
}
.green-eye{
  background-image: url('../img/green-eye.svg');
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  width: 22px;
}
.visible-hidden{visibility: hidden;}

.ticked{
  background-image: url(../img/tick.58712067.svg);
  background-repeat: no-repeat;
  background-size: 15px;
  height: 14px;
  width: 22px;
  position: absolute;
  left: 10px;
  top: -5px;
}

.curriculam-info-view,.curriculam-info-duration{
  padding: 20px 20px 20px 30px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
  color: #000;
}
.tutor-name-label a{color: #ffc000;}
.redactor-editor{overflow-x: auto;}

/* Curriculam Accordion Starts here 15-01-2020 */
.curriculam-container .accordion-block
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 25px;
}
.curriculam-container .panel-group{margin-bottom: 0px;}

/* overwrite existing css class starts here */
.curriculam-container .panel-default>.panel-heading+.panel-collapse>.panel-body{padding-top:1px !important}
.curriculam-container .panel-default {border-color: #ededed !important;position:relative;}
.curriculam-container .panel-default>.panel-heading{padding: 0px !important;}
.curriculam-container .curriculam-title{padding:0px !important; width:100%;}
.curriculam-container .curriculam-title h4{font-size:18px !important;}
.curriculam-container .timeline-row:first-child::after{border-top: unset !important;}
/* overwrite existing css class ends here */

.curriculam-container .panel-heading .accordion-toggle {position: relative;display: block;}
.curriculam-container .panel-heading a.accordion-toggle:before {
  position: absolute;
  width: 17px;
  height: 10px;
  background: #f5f5f5;
  right: 12px;
  top: 17px;
  font-family: "Glyphicons Halflings";
  content: "\e259";
  float: right;
  color: #a2a2a2;
}

.curriculam-container .panel-heading a.accordion-toggle:not(.collapsed):before {
  top: 23px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg)
}

.tab-content.course-tab-content .tab-pane#curriculum .curriculum.curriculum-reused #curriculum_div .curriculam-container .panel-group#accordion .panel.panel-default .panel-heading a.accordion-toggle:not(.collapsed):before {
  top: 21px;
}
.tab-content.course-tab-content .tab-pane#curriculum .curriculum.curriculum-reused #curriculum_div .curriculam-container .panel-group#accordion .panel.panel-default .panel-heading a.accordion-toggle:before {
  top: 15px;
}

section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum span.progress-bar-and-badge span.progressbar-rail {
  width: 92%;
}
section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum .below-progress-bar-details-wrap {
  width: 92%;
}
section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum span.below-progress-bar-details-wrap span.progress-btn-wrap {
  margin-right: 14px;
}
section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum span.below-progress-bar-details-wrap span.progress-bar-course-details-wrap {
  width: auto;
  margin-right: 16px;
}
section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum span.below-progress-bar-details-wrap span.progress-bar-course-details-wrap .Progress-course-validity-label {
  font-size: 14px;
}
section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum span.below-progress-bar-details-wrap span.progress-bar-course-details-wrap .progress-days {
  font-size: 18px;
}

.tab-content.course-tab-content .tab-pane#curriculum .curriculum.curriculum-reused #curriculum_div .curriculam-container .panel-group .panel .panel-body .timeline-row .milestone-holder span.milestone span.milestone-icon.video-grey {
  background-position-y: 4px;
}
.tab-content.course-tab-content .tab-pane#curriculum .curriculum.curriculum-reused #curriculum_div .curriculam-container .panel-group .panel .panel-body .timeline-row .milestone-holder span.milestone span.milestone-icon.document-grey {
  background-position-y: -107px;
}
.tab-content.course-tab-content .tab-pane#curriculum .curriculum.curriculum-reused #curriculum_div .curriculam-container .panel-group .panel .panel-body .timeline-row .milestone-holder span.milestone .assignment-grey {
  background-position-y: -52px;
}
.tab-content.course-tab-content .tab-pane#curriculum .curriculum.curriculum-reused #curriculum_div .curriculam-container .panel-group .panel .panel-body .timeline-row .milestone-holder span.milestone span.milestone-icon.document-green {
  background-position-y: -107px;
}
.tab-content.course-tab-content .tab-pane#curriculum .curriculum.curriculum-reused #curriculum_div .curriculam-container .panel-group .panel .panel-body .timeline-row .milestone-holder span.milestone span.milestone-icon.survey-grey {
  background-position-y: -144px;
}
.tab-content.course-tab-content .tab-pane#curriculum .curriculum.curriculum-reused #curriculum_div .curriculam-container .panel-group .panel .panel-body .timeline-row .milestone-holder span.milestone span.milestone-icon.quiz-green {
    background-position-y: -41px;
}
.tab-content.course-tab-content .tab-pane#curriculum .curriculum.curriculum-reused #curriculum_div .curriculam-container .panel-group .panel .panel-body .timeline-row .milestone-holder span.milestone span.milestone-icon.quiz-grey {
  background-position-y: -42px;
}
.tab-content.course-tab-content .tab-pane#curriculum .curriculum.curriculum-reused #curriculum_div .curriculam-container .panel-group .panel .panel-body .timeline-row .milestone-holder span.milestone .assignment-grey {
  background-position: -17px -53px;
}
.tab-content.course-tab-content .tab-pane#curriculum .curriculum.curriculum-reused #curriculum_div .curriculam-container .panel-group .panel .panel-body .timeline-row .milestone-holder span.milestone span.milestone-icon.scorm-green {
  background-position-y: -104px;
}
.tab-content.course-tab-content .tab-pane#curriculum .curriculum.curriculum-reused #curriculum_div .curriculam-container .panel-group .panel .panel-body .timeline-row .milestone-holder span.milestone span.milestone-icon.scorm-grey {
  background-position-y: -104px;
}
.tab-content.course-tab-content .tab-pane#curriculum .curriculum.curriculum-reused #curriculum_div .curriculam-container .panel-group .panel .panel-body .timeline-row .milestone-holder span.milestone span.milestone-icon.assignment-green {
  background-position-y: -53px;
}

/* Curriculam Accordion ends here */
@media (max-width:992px){
  .timeline-text {display: flex;}
  .timeline-text .curriculam-info-text {padding: 20px 0px 20px 30px !important;}
  .curriculam-info-view{padding: 20px 0px 20px 0px !important;text-align: right;}
  .curriculam-info-duration{display: none;}
  .curriculam-container {padding: 0px;background: unset;}
  .timeline-row {border-bottom: none;border-top: none;position: relative;padding-left: 15px;}
  .curriculam-container .accordion-block {padding: 5px 20px;}
  .curriculam-container .panel-heading + .panel-collapse.in:after {top: 22px;}
  .curriculam-container .panel-default>.panel-heading:after {top: 18px;}
  .curriculam-container .panel-heading + .panel-collapse:before {top: 15px;}
}
@media(max-width:991px){
  .tab-content.course-tab-content .tab-pane#curriculum .curriculum.curriculum-reused #curriculum_div .curriculam-container .panel-group#accordion .panel.panel-default .panel-heading a.accordion-toggle:not(.collapsed):before {
    top: 13px;
  }
  .tab-content.course-tab-content .tab-pane#curriculum .curriculum.curriculum-reused #curriculum_div .curriculam-container .panel-group#accordion .panel.panel-default .panel-heading a.accordion-toggle:before{
    top: 7px;
  }
}
@media (max-width:480px){
  .curriculam-info-view.orange-text{display: none;}
  .curriculam-info-text{text-align: left !important;width: 100%;}
  .curriculam-container .curriculam-title{
    /*border-bottom: 1px solid #eaeaea;*/
    /* border-top: 4px solid #f9f9f9; */
    padding: 15px;
    margin: 5px 0px;
  }
  .timeline-text .curriculam-info-text {padding: 10px 0px 10px 30px !important;font-weight: 400 !important;}
  .curriculam-container .curriculam-title h4 {
    font-size: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .curriculam-info-view.green-text{display: none;}
  .curriculam-container .timeline-text{padding-right: 0px;}
  .fundamentals-skill .share-dropdown2{display: none;}
  .change-size-of-abt-course .redactor-content {padding: 15px 15px !important;}
  .change-size-of-abt-course .formpage-heading{margin-bottom: 16px;padding: 0;margin-top: 0px;}
  .bar-rating{margin: 15px 0px;}
  .curriculum{padding-bottom: 10px !important;}
  .change-size-of-abt-course .bar-rating{display: flex;}
  .star-rating-left{
    display: flex;
    flex-direction: column;
    align-self: center;
  }

  .change-size-of-abt-course .big-rating-no{font-size: 60px;}
  .course-val-info{padding: 5px 0;}
  .course-val-info .course-icon{min-width: 40px;}
  .course-val-info .fundamental-right-font-size{margin-bottom: 0px;font-size: 14px;font-weight: 400;}
  .course-val-info .supermin-left{
    display: flex;
    align-items: center;
  }
  .course-val-info .supermin-left:after {
    content: ':';
    position: absolute;
    right: 0px;
    top: 2px;
  }
  .tab-content.course-tab-content .tab-pane#curriculum .curriculum.curriculum-reused #curriculum_div .curriculam-container .panel-group#accordion .panel.panel-default .panel-heading a.accordion-toggle:before {
    top: 11px;
  }
  .tab-content.course-tab-content .tab-pane#curriculum .curriculum.curriculum-reused #curriculum_div .curriculam-container .panel-group#accordion .panel.panel-default .panel-heading a.accordion-toggle:not(.collapsed):before {
    top: 50%;
  }
}