/*Curriculam starts here*/
.curriculam-wrapper{
   position: fixed;
  left: 0;
  width: 30%;
  height: 100%;
  background: #fff;
  transform: translateX(-100%);
  transition: 0.6s ease transform;
}
.curriculam-head{
  background: #713ea7;
  padding: 15px 20px;
  box-shadow: 0px 6px 4px -4px #ccc;
  position: relative;
  border-right: 1px solid #d6d8da;
}
/* Sajac css 2020-03-30 start */
.curriculam-head {
  background: #ffffff;
  padding: 12px 20px;
  box-shadow: 0 6px 4px -4px #0000002b !important;
  position: relative;
  z-index: 9999;
  border-right: 1px solid #d6d8da;
}
/* Sajac css 2020-03-30 end */
.curriculam-head .close-icon{
width: 25px;
height: 22px;
cursor: pointer;
/* background: url(../../../assets/images/close.svg); */
background-size: 22px;
background-repeat: no-repeat;
display: inline-block;
position: absolute;
right: 15px;
top: 24px;
}

.curriculam-head-title{
 font-size: 22px;
  font-weight: 400;
  /* color: #fff; */
  color: #2b2b2b;
  display: inline-block;
  width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*Curriculam ends here*/


/* Curricculam content settings starts here */
.info-bold{font-weight: 600 !important; font-size: 15px !important;}
.curriculam-container{
background: #ffffff;
height: calc(100% - 65px);
overflow-y: auto;
overflow-x: hidden;
border-right: 1px solid #d6d8da;
}
.curriculam-container::-webkit-scrollbar {width: 10px;height: 60px;}
.curriculam-container::-webkit-scrollbar-track {background: #f1f1f1;}
/* Handle */
.curriculam-container::-webkit-scrollbar-thumb {background: #afafaf;border-radius:12px;height: 60px;}
/* Handle on hover */
.curriculam-container::-webkit-scrollbar-thumb:hover {background: #713ea7;}
.milestone-holder{
float: left;
position: absolute;
z-index: 99;
display: inline-block;
left: 25px;
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;
display: flex;
justify-content: space-between;
cursor: pointer;
}
.curriculam-title {
padding: 5px 20px 20px 20px;
cursor: pointer;
background: #fff;
box-shadow: 0px 2px 3px 0px #e0e0e0;
margin-top: 15px;
}
/*.curriculam-title:hover{background: #f9f9f9;}*/
.curriculam-title h4{    
font-size: 20px;
font-weight: 400;
font-family: 'Roboto', 'Open Sans', sans-serif;
margin: 0;
color: #64277d;
text-transform: capitalize;
}
.curriculam-title h4 {
  overflow: hidden;
  height: auto;
  max-height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  /* autoprefixer: off */
}
.timeline-text .curriculam-info-text {
padding: 18px 0px 18px 45px;
margin-bottom: 0;
width: 65%;
font-size: 16px;
font-weight: 400;
font-family: 'Roboto', 'Open Sans', sans-serif;
color: #000;
word-break: break-word;
text-transform: capitalize;
/*  white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;*/
}

.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:hover{background: #f5f5f5;}
.timeline-row a{display: block;text-decoration: none;}

/*ohover timeline text icon color change - starts here*/
.timeline-row:hover .code-grey{background-position: -31px -73px;margin-left: 4px;margin-bottom: 2px;}
.timeline-row:hover .code-green{background-position: -31px -73px;margin-left: 4px;margin-bottom: 2px;}
.timeline-row:hover .code-blue{background-position: -31px -73px;margin-left: 4px;margin-bottom: 2px;}

.timeline-row:hover .assignment-grey{background-position: -30px -55px;margin-left: 3px;margin-bottom: 2px;}
.timeline-row:hover .assignment-green{background-position: -30px -55px;margin-left: 3px;margin-bottom: 2px;}
.timeline-row:hover .assignment-blue{background-position: -30px -55px;margin-left: 3px;margin-bottom: 2px;}

.timeline-row:hover .video-grey{background-position: -30px 2px;margin-left: 3px;margin-bottom: 2px;}
.timeline-row:hover .video-green{background-position: -30px 2px;margin-left: 3px;margin-bottom: 2px;}
.timeline-row:hover .video-blue{background-position: -30px 2px;margin-left: 3px;margin-bottom: 2px;}

.timeline-row:hover .quiz-grey{background-position: -37px -44px;margin-left: 3px;background-size: 70px;margin-bottom: 2px;}
.timeline-row:hover .quiz-green{background-position: -37px -44px;margin-left: 3px;background-size: 70px;margin-bottom: 2px;}
.timeline-row:hover .quiz-blue{background-position: -37px -44px;margin-left: 3px;background-size: 70px;margin-bottom: 2px;}

.timeline-row:hover .drop-grey{background-position: -30px -91px;margin-left: 3px;margin-bottom: 2px;}
.timeline-row:hover .drop-green{background-position: -30px -91px;margin-left: 3px;margin-bottom: 2px;}
.timeline-row:hover .drop-blue{background-position: -30px -91px;margin-left: 3px;margin-bottom: 2px;}

.timeline-row:hover .document-grey{background-position: -30px -110px;margin-left: 3px;margin-bottom: 2px;}
.timeline-row:hover .document-green{background-position: -30px -110px;margin-left: 3px;margin-bottom: 2px;}
.timeline-row:hover .document-blue{background-position: -30px -110px;margin-left: 3px;margin-bottom: 2px;}

.timeline-row:hover .audio-grey{background-position: -31px -128px;margin-left: 3px;margin-bottom: 2px;}
.timeline-row:hover .audio-green{background-position: -31px -128px;margin-left: 3px;margin-bottom: 2px;}
.timeline-row:hover .audio-blue{background-position: -31px -128px;margin-left: 3px;margin-bottom: 2px;}

.timeline-row:hover .survey-grey{background-position: -31px -147px;margin-left: 3px;margin-bottom: 2px;}
.timeline-row:hover .survey-green{background-position: -31px -147px;margin-left: 3px;margin-bottom: 2px;}
.timeline-row:hover .survey-blue{background-position: -31px -147px;margin-left: 3px;margin-bottom: 2px;}


/*ohover timeline text icon color change - starts here*/
.completed-curriculam:hover .code-grey{background-position: -15px -73px;margin-left: 3px;margin-bottom: 2px;}
.completed-curriculam:hover .code-green{background-position: -31px -73px;margin-left: 4px;margin-bottom: 2px;}
.completed-curriculam:hover .code-blue{background-position: -47px -73px;margin-left: 3px;margin-bottom: 2px;}

.completed-curriculam:hover .assignment-grey{background-position: -16px -57px;margin-left: 5px;}
.completed-curriculam:hover .assignment-green{background-position: -31px -55px;margin-left: 3px;margin-bottom: 2px;}
.completed-curriculam:hover .assignment-blue{background-position: -47px -55px;margin-left: 3px;margin-bottom: 2px;}

.completed-curriculam:hover .video-grey{background-position: -14px 1px;margin-left: 3px;margin-bottom: 1px;}
.completed-curriculam:hover .video-green{background-position: -30px 2px;margin-left: 3px;margin-bottom: 2px;}
.completed-curriculam:hover .video-blue{background-position: -45px 1px;margin-left: 3px;margin-bottom: 1px;}

.completed-curriculam:hover .quiz-grey{background-position: -18px -45px;margin-left: 3px;background-size: 70px;margin-bottom: 1px;}
.completed-curriculam:hover .quiz-green{background-position: -37px -44px;margin-left: 3px;background-size: 70px;margin-bottom: 2px;}
.completed-curriculam:hover .quiz-blue{background-position: -55px -44px;margin-left: 3px;background-size: 70px;margin-bottom: 2px;}

.completed-curriculam:hover .drop-grey{background-position: -15px -91px;margin-left: 3px;margin-bottom: 2px;}
.completed-curriculam:hover .drop-green{background-position: -31px -91px;margin-left: 3px;margin-bottom: 2px;}
.completed-curriculam:hover .drop-blue{background-position: -46px -91px;margin-left: 3px;margin-bottom: 2px;}

.completed-curriculam:hover .document-grey{background-position: -15px -111px;margin-left: 3px;margin-bottom: 1px;}
.completed-curriculam:hover .document-green{background-position: -30px -110px;margin-left: 3px;margin-bottom: 2px;}
.completed-curriculam:hover .document-blue{background-position: -46px -110px;margin-left: 3px;margin-bottom: 2px;}

.completed-curriculam:hover .audio-grey{background-position: -15px -129px;margin-left: 3px;margin-bottom: 1px;}
.completed-curriculam:hover .audio-green{background-position: -31px -128px;margin-left: 3px;margin-bottom: 2px;}
.completed-curriculam:hover .audio-blue{background-position: -46px -128px;margin-left: 3px;margin-bottom: 2px;}

.completed-curriculam:hover .survey-grey{background-position: -15px -147px;margin-left: 3px;margin-bottom: 2px;}
.completed-curriculam:hover .survey-green{background-position: -31px -147px;margin-left: 3px;margin-bottom: 2px;}
.completed-curriculam:hover .survey-blue{background-position: -46px -147px;margin-left: 3px;margin-bottom: 2px;}
/*ohover timeline text icon color change - ends here*/

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

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

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

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

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

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

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

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

.milestone .certificate-grey {
  background-position: -15px -24px;
  background-size: 71px;
}
.milestone .certificate-green {
  background-position: -34px -24px;
  background-size: 71px;
}
.milestone .certificate-blue {
  background-position: 2px -24px;
  background-size: 71px;
}
.milestone .live-grey{
  background-position: -16px 1px;
  margin-left: 5px;
}
.milestone .live-green{
  background-position: 0px 1px;
  margin-left: 5px;
}
/*sprite ends*/

/*Onhover icon color to single*/

/*.completed-curriculam:hover .milestone .code-grey{background-position: -45px 1px !important;margin-left: 3px;margin-bottom: 1px;}
.completed-curriculam:hover .milestone .code-green{background-position: -45px 1px !important;margin-left: 3px;margin-bottom: 1px;}
.completed-curriculam:hover .milestone .code-blue{background-position: -45px 1px !important;margin-left: 3px;margin-bottom: 1px;}
*/
/*.timeline-row:hover .code-grey{background-position: -31px -73px;margin-left: 3px;}
.timeline-row:hover .code-green{background-position: -31px -73px;margin-left: 3px;}
.timeline-row:hover .code-blue{background-position: -31px -73px;margin-left: 3px;}

.timeline-row:hover .assignment-grey{background-position: -31px -55px;margin-left: 4px;}
.timeline-row:hover .assignment-green{background-position: -31px -55px;margin-left: 4px;}
.timeline-row:hover .assignment-blue{background-position: -31px -55px;margin-left: 4px;}

.timeline-row:hover .video-grey{background-position: -30px 2px;margin-left: 3px;}
.timeline-row:hover .video-green{background-position: -30px 2px;margin-left: 3px;}
.timeline-row:hover .video-blue{background-position: -30px 2px;margin-left: 3px;}

.timeline-row:hover .quiz-grey{background-position: -37px -44px;margin-left: 3px;background-size: 70px;}
.timeline-row:hover .quiz-green{background-position: -37px -44px;margin-left: 3px;background-size: 70px;}
.timeline-row:hover .quiz-blue{background-position: -37px -44px;margin-left: 3px;background-size: 70px;}

.timeline-row:hover .drop-grey{background-position: -31px -91px;margin-left: 3px;}
.timeline-row:hover .drop-green{background-position: -31px -91px;margin-left: 3px;}
.timeline-row:hover .drop-blue{background-position: -31px -91px;margin-left: 3px;}

.timeline-row:hover .document-grey{background-position: -30px -110px;margin-left: 3px;}
.timeline-row:hover .document-green{background-position: -30px -110px;margin-left: 3px;}
.timeline-row:hover .document-blue{background-position: -30px -110px;margin-left: 3px;}

.timeline-row:hover .audio-grey{background-position: -31px -128px;margin-left: 3px;}
.timeline-row:hover .audio-green{background-position: -31px -128px;margin-left: 3px;}
.timeline-row:hover .audio-blue{background-position: -31px -128px;margin-left: 3px;}

.timeline-row:hover .survey-grey{background-position: -31px -147px;margin-left: 3px;}
.timeline-row:hover .survey-green{background-position: -31px -147px;margin-left: 3px;}
.timeline-row:hover .survey-blue{background-position: -31px -147px;margin-left: 3px;}
*/
/*Onhover icon color to single ends*/

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

.ticked{
background-image: url('../../../assets/images/tick.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: 18px 0px 18px 0px;
margin-bottom: 0;
font-size: 13px;
font-weight: 400;
font-family: 'Roboto', 'Open Sans', sans-serif;
color: #7b7b7b;
}

.timeline-row:hover .milestone {
  border: 2px solid #15c26a;
}

.curriculam-progress{
display: inline-block;
height: 1px;
background: #56228e;
position: absolute;
z-index: 999;
bottom: -1px;
transition: 0.6s ease width;
}

.active-timeline{background: #ded2ea;}
.active-timeline .milestone{background: #ded2ea;}
.completed-curriculam .milestone{border: 2px solid #007efc;}
.completed-curriculam:hover .milestone{border: 2px solid #007efc;}
.completed-curriculam .tail-down{background: #007efc;}
.completed-curriculam .tail-up{background: #007efc;}
.completed-curriculam:hover .tail-down{background: #007efc;}
.completed-curriculam:hover .tail-up{background: #007efc;}
/* .curriculam-info-view{display: none;} */

/*Collapse Content height '0' as default for toggling*/
.curriculam-collapse{ display: none; transition: 0.6s ease max-height} 

@media (max-width:992px){
.timeline-text {display: flex;padding: 0 30px;}
.timeline-text .curriculam-info-text {
  padding: 20px 0px 20px 30px !important;
  word-break: break-word;
}
.curriculam-info-view{display: none;}
.curriculam-info-duration{padding: 20px 0px 20px 0px;}
.curriculam-container {padding: 0px 0px 55px 0px;background: #fff;}
.curriculam-title {padding: 10px 0 15px 20px;margin-top: 5px;}
.curriculam-title h4 {font-size: 18px;}
.milestone-holder {left: 25px;}
.timeline-text .curriculam-info-text {width: 75%;}
/* .lecture-holder.certificate-holder{top: 50px !important;} */
.lecture-holder.certificate-holder .context{padding-top:15px; font-size: 14px;}
.context-holder .locked-title {font-size: 18px;padding-top: 10px;}
.btn-container {padding: 5px 0;}
}


/*Curricculam content settings ends here*/