html {
  font-family: 'Roboto', 'Open Sans', sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
p{margin: 0;padding: 0;}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: 'Roboto', 'Open Sans', sans-serif;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}

.no-padding{padding: 0 !important;}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-size: 10px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: 'Roboto', 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}

.lecture-wrapper table{
  border-collapse: collapse;
  max-width: 100%;
  width: 100%;
}
.lecture-wrapper  table th,td {
  border: 1px solid #eee;
  padding: 16px;
  padding-bottom: 15px;
}

.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.img-circle{border-radius: 50%; vertical-align: middle;}

.custom-scroller::-webkit-scrollbar {width: 10px;height: 10px;}
.custom-scroller::-moz-scrollbar {width: 10px;height: 10px;}

.custom-scroller::-webkit-scrollbar-track {background: #f1f1f1;}
.custom-scroller::-moz-scrollbar-track {background: #f1f1f1;}

.custom-scroller::-webkit-scrollbar-thumb {background: #afafaf;border-radius:12px;height: 60px;}
.custom-scroller::-moz-scrollbar-thumb {background: #afafaf;border-radius:12px;height: 60px;}

.custom-scroller::-webkit-scrollbar-thumb:hover {background: #713ea7;}
.custom-scroller::-moz-scrollbar-thumb:hover {background: #713ea7;}
/***** Global Content delivery settings starts here ******/

/*header navigation starts here*/
.content-delivery-wrapper{height: 100%;}

/* Curriculam Toggle settings starts*/
.curriculam-toggle .curriculam-wrapper{
  transform:translateX(0%);
  transition: 0.6s ease transform;
  z-index: 999;
  touch-action: pan-left;
}
.curriculam-toggle .lecture-wrapper{padding-left: 30%;}

/* .curriculam-toggle .lecture-wrapper .nav-header { width: calc(100% - 35%); transition: width 0.6s ease} */
/* Curriculam Toggle settings ends*/

/* Discussion Toggle settings starts*/
.discussion-toggle .discussion-right-wrapper{
  transform:translateX(0%);
  transition: 0.6s ease transform;
  z-index: 999;
  border-left: 1px solid #d6d8da;
  touch-action: manipulation;
}
.discussion-toggle .lecture-wrapper{padding-right: 30%;}
.discussion-toggle .discussion-answer-wrapper{
  transform:translateX(0%);
  transition: 0.6s ease transform;
  z-index: 999;
  border-left: 1px solid #d6d8da;
}

.discussion-toggle .lecture-wrapper .nav-header {width: calc(100% - 30%);}
/* Discussion Toggle settings ends*/

/* Discussion Anwser Toggle settings starts*/
.answer-toggle .discussion-answer-wrapper{
  transform:translateX(0%) !important;
  transition: 0.6s ease transform;
  z-index: 999;
}
.answer-toggle .lecture-wrapper{padding-right: 35%;}
/* Discussion Anwser Toggle settings ends*/

.nav-container{ 
  background: rgba(0, 0, 0, 0);
  position: fixed;
  z-index: 10;
  height: 33%;
  /* width:calc(100% - 15px); */
  pointer-events: none;
  left: 0;
  right: 12px;
  transition: left 0.6s ease
}

.nav-height{height: 24%;}

.nav-header{
  display: flex;
  padding: 45px 30px 0px 30px;
  height: 230px;
  position: absolute;
  z-index: 9;
  width: 100%;
  /*visibility: hidden;*/
  opacity: 0;
  transition: 0.6s ease opacity,0.6s ease width,0.6s ease visibility;
  justify-content: space-between;
}

.nav-header .lecture-title{
  font-size: 40px;
  font-weight: 300;
  color: #fff;
  position: relative;
  top: -12px;
  transition: 0.6s ease font-size;
  text-align: left;
  padding-left: 30px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-transform: capitalize;
}

/* Ontoggle header font resizing starts here*/
.curriculam-toggle .nav-header .lecture-title{
  font-size: 28px;
  font-weight: 300;
  color: #fff;
  position: relative;
  top: -10px;
}
.curriculam-toggle .nav-header .menu {background-size: 32px;}
.curriculam-toggle .nav-header .close-icon{background-size: 28px;height: 24px;background-position-y: 3px;}
.curriculam-toggle .nav-header .ask {font-size: 24px;}
.curriculam-toggle .nav-header .ask-icon {width: 28px;height: 28px;line-height: 29px;font-size: 16px;}
.curriculam-toggle .lecture-footer{width:70%}
.lecture-footer-container{height: 60px;position: fixed;width: 100%;bottom: 0;z-index: 99;}


.discussion-toggle .nav-header .lecture-title{
  font-size: 28px;
  font-weight: 300;
  color: #fff;
  position: relative;
  top: -10px;
}
.discussion-toggle .nav-header .menu {background-size: 32px;}
.discussion-toggle .nav-header .close-icon{background-size: 28px;height: 24px;background-position-y: 3px;}
.discussion-toggle .nav-header .ask {font-size: 24px;}
.discussion-toggle .nav-header .ask-icon {width: 28px;height: 28px;line-height: 29px;font-size: 16px;}
.discussion-toggle .lecture-footer{width:70%}
/* Ontoggle header font resizing ends here*/

/*.lecture-wrapper:hover .nav-header{*/
.lecture-wrapper .nav-header{
  /*visibility: hidden;*/
  height: 100%;
  opacity: 1;
  background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 );*/
  background: -ms-linear-gradient(bottom, #ffffff, #00000000);
}

.ask-holder{transition: 0.6s ease line-height;cursor: pointer;}

.nav-header .ask-icon{
  width: 32px;
  height: 32px;
  display: inline-block;
  background: #fff;
  color: #040404;
  text-align: center;
  border-radius: 50%;
  line-height: 32px;
  font-size: 24px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.6s ease font-size, 0.6s ease width, 0.6s ease height, 0.6s ease line-height;
}
.nav-header .ask{
  font-size: 28px;
  font-weight: 300;
  color: #fff;
  padding-right: 8px;
  cursor: pointer;
  line-height: 0px;
  transition: 0.6s ease font-size;
  pointer-events: all;
}
/*.nav-header .menu-icon svg{cursor: pointer;}*/
.nav-header .menu{
  cursor: pointer;
  background: url(./assets/images/menu-icon.svg);
  background-repeat: no-repeat;
  background-size: 41px;
  width: 41px;
  height: 32px;
  display: inline-block;
  transition: 0.6s ease background-size;
  pointer-events: all;
}

.nav-header .close-icon{
  cursor: pointer;
  background: url(./assets/images/close.svg);
  background-repeat: no-repeat;
  background-size: 34px;
  background-position-y: 4px;
  width: 36px;
  height: 30px;
  display: inline-block;
  margin-left: 40px;
  transition: 0.6s ease background-size, 0.6s ease height;
  pointer-events: all;
}
.nav-header .ask-holder{pointer-events: all;}
/*header navigation ends here*/

/*Lecture wrapper starts here*/
.lecture-wrapper{
 width: 100%;
    position: absolute;
    height: 100%;
    transform: translateX(0%);
    overflow: hidden;
    -webkit-transition: padding .6s ease;
    -moz-transition: padding .6s ease;
    -ms-transition: padding .6s ease;
    -o-transition: padding .6s ease;
    transition: padding .6s ease;
}
.lecture-wrapper iframe{border:none;}
/*Lecture wrapper ends here*/

.video-lecture{width: 100%;height: 100%;position: relative;}
.preview-area{width: 100%;height: calc(100% - 60px);position: relative;overflow: auto;}

.nav-header .contenttitle{width: 75%;}
.nav-header .ask-wrapper{width: 15%;}

.plyr--video{width: 100%;height: 100%;}
.plyr__video-wrapper{top: 50%; transform: translate(0,-50%);}
/*.lecture-wrapper:hover .nav-header{
  visibility: visible;
}*/

/*transition settings starts here*/
.transition-wrapper{background: #1d031c;width: 100%;height: 100vh;}
.transition-tag{margin: 0 auto;text-align: center;width: 48%;    position: relative;
    top: 20%;}
.transition-tag h5{margin:0;font-size: 40px;font-weight: 200;color: #fff;}
.transition-timer{
  font-size: 20px;
  font-weight: 300;
  color: #fff;
  display: inline-block;
  margin-top: 50px;
}

/*toggle btn starts*/
.switch {position: relative; display: inline-block;width: 55px;height: 27px;margin-right: 15px;}
.switch input { opacity: 0;width: 0;height: 0;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cbcbcd;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 23px;
  width: 23px;
  left: 3px;
  bottom: 2px;
  background-color: #777777;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {background-color: #cbcbcd;}
input:focus + .slider {box-shadow: 0 0 1px #cbcbcd;}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  background-color:#1e041d;
}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}
/*toggle btn ends*/

.next-prev-navigation{
  display: flex;
  justify-content: space-between;
  width: 50%;
  margin: 0 auto;
  padding-top: 140px;
}
.next-prev-navigation .previous{color: #fff;font-size: 20px;font-weight: 300;cursor: pointer;}
.next-prev-navigation .previous:before{
  content: '';
  background: url(./assets/images/chevron-left-white.svg) no-repeat;
  width: 27px;
  height: 18px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  top: 2px;
}
.next-prev-navigation .next{color: #fff;font-size: 20px;font-weight: 300;cursor: pointer;}
.next-prev-navigation .next:after{
  content: '';
  background: url(./assets/images/chevron-right-white.svg) no-repeat;
  width: 25px;
  height: 18px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  top: 2px;
}
.timer{font-size: 32px;font-weight: 400;}
/*transition settings ends here*/

/*Locked style starts here*/
.locked-title{
  margin: 0;
  font-size: 28px;
  text-align: center;
  padding-top: 20px;
}
.locked-content-info{padding: 15px 0 0 0;}
.locked-content-info li{
  list-style: decimal;
  list-style-position: outside;
  font-size: 16px;
  /*font-weight: 600;*/
  padding: 4px 0px;
}
.lock-img{margin-bottom: 0px !important;}
.highlight-text{color: #6f3fa5;}
/*Locked style ends here*/

/*Document settings starts*/
.document-preview{overflow: hidden;}
.document-preview .nav-header{overflow: hidden;z-index: 99 !important;}
.document-preview .lecture-holder{top:0;}
.document-preview .document-context{padding:0px !important;}
.document-context{margin-bottom: 60px !important;}
/*Document settings ends here*/

/*Quiz starts here*/
.quiz-instruction-tags{display: flex;justify-content: space-evenly;padding: 0 110px;}
.quiz-instruction-tags div span:nth-child(1){
  color: #0ba2e9;
  font-size: 22px;
  font-weight: 600;
}
.quiz-instruction-tags div span:nth-child(2){
  font-size: 13px;
  font-weight: 600;
  padding-left: 5px;
}
.quiz-timetaken{font-size: 32px;font-weight: 600;color: #ff8300;}
.view-report-btn{
  color: #02a5f0;
  font-size: 16px;
  font-weight: 400;
  margin: 25px 45px;
}
.view-report-btn:before {
    content: "";
    height: 10px;
    background: url(./assets/images/quiz_report.png);
    background-repeat: no-repeat;
    display: inline-block;
    padding-right: 30px;
}
/*Quiz ends here*/

.add-question-block{
    overflow-y: auto;
    height: 100%;
    padding-bottom: 90px;
}

/* *** Tab content scroll - fixed tab issue fix *** */
.context-holder {width: 100% !important;}
.context-holder #instruction, #submision, #result {
  position: absolute;
  padding: 40px 10% 0;
  padding-top: 40px;
  width:100%;
}
#submision {padding-top: 0px;}

.context-holder #instruction{position:relative;}



.scorm-info{width: 55%; margin: 0 auto !important;text-align: center;}

/* Custom scroll */

.custom-scroller::-webkit-scrollbar {width: 10px;height: 10px;}
.custom-scroller::-moz-scrollbar {width: 10px;height: 60px;}

.custom-scroller::-webkit-scrollbar-track {background: #f1f1f1;}
.custom-scroller::-moz-scrollbar-track {background: #f1f1f1;}

.custom-scroller::-webkit-scrollbar-thumb {background: #afafaf;border-radius:12px;height: 60px;}
.custom-scroller::-moz-scrollbar-thumb {background: #afafaf;border-radius:12px;height: 60px;}

.custom-scroller::-webkit-scrollbar-thumb:hover {background: #713ea7;}
.custom-scroller::-moz-scrollbar-thumb:hover {background: #713ea7;}
.result-notice{
  display: block;
  text-align: center;
  color: #e97b56;
  font-size: 16px;
  padding: 5px 0;
}
.result-success{
  display: block;
  text-align: center;
  color: #36be00;
  font-size: 16px;
  padding: 5px 0;
}
.instruction-list{
  list-style: none;
  color: #444;
  padding-left: 0;
}

.file-types{
  font-size: 12px;
  color: red;
  padding-top: 20px;
}

.locked-content-info ul, ol{text-align: justify;}

.ql-editor {
  -webkit-user-select: text;
}

.live-duration{
  padding: 15px 0px;
  display: inline-block;
}

.live-date-title{color: #797979;}
.live-duration-title{color: #797979;}
.result-info.duration-wrapper{width: auto !important;}
.date-info-wrapper{padding-bottom: 0px !important;}
.duration-info-col{padding: 0px !important;}

/* .tab.tablinks:hover{background: none !important;color: #444 !important;}
.tablinks.active:hover{background: #713ea7 !important;color: #fff !important;} */
/* #documentFrame, #scormFrame{height: 100vh;} */
.overflow-visible{overflow: visible;}

.context-holder.document-context, .discusion-container {
  background: url(./assets/images/loader.gif);
  background-position: center;
  background-repeat: no-repeat;
}
.active-doc-over iframe {
  height: calc(100vh - 60px) !important;
}



.curriculam-toggle .nav-header .lecture-title {font-size: 28px;font-weight: 300;}
.curriculam-toggle .nav-header .curriculam-index{font-size: 18px;}
.curriculam-toggle .scrollable-title-wrapper .content-title {font-size: 28px;font-weight: 300;text-transform: capitalize;}
.curriculam-toggle .scrollable-title-wrapper .content-title-index{font-size: 18px;}

/* Supported Document */
.toggle-docs{padding: 0 30px;}
.supported-docs{
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
}
.supported-docs .list-open{
  height: 100%;
  position: fixed;
  z-index: 999;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.overflow-list{overflow: auto;}
.overflow-list::-webkit-scrollbar {width: 6px;}
.overflow-list::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.7);}
.overflow-list::-webkit-scrollbar-thumb { background: #888; }
.overflow-list::-webkit-scrollbar-thumb:hover {background: #555; }

.supported-docs .list-open ul::-webkit-scrollbar {width: 4px;}
.supported-docs .list-open ul::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.7);}
.supported-docs .list-open ul::-webkit-scrollbar-thumb { background: #888; }
.supported-docs .list-open ul::-webkit-scrollbar-thumb:hover {background: #555; }

.supported-docs .list-open ul{
  display: flex;
  flex-direction: column;
  list-style: none;
  text-decoration: none;
  margin: 15px;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 6px;
  overflow: auto;
  padding: 0px 10px;
  max-height: calc(100% - 90px);
  min-height: calc(100% - 90px);
  width: 30%;
}
.supported-docs .list-open ul li{
  display: flex;
  align-items: center;
  line-height: 30px;
  border-bottom: 1px solid rgba(117, 111, 111, 0.4);
  user-select: none;
}
.download-icon {cursor: pointer;}
.download-file-label{
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.supported-docs .list-open ul li .download-icon .download-icon-label{margin-right:5px;}
.supported-docs .list-open ul li .download-icon svg{
  fill: #fff;
  width: 16px;
}
.supported-docs .list-open ul li:last-child{border:none;}
.supported-docs .list-open ul a{
  color:#fff;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 10px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.supported-docs .list-open ul a:hover{
  text-decoration:none;
  color: #fff;
  outline: none;
}
.supported-docs .list-open ul a:focus{
  text-decoration:none;
  color: #fff;
  outline: none;
}
.supported-docs .list-open .download-icon{
  /* position: relative;
  top: 8px;
  margin-right: 10px; */
  padding: 5px 10px;
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #fff;
  font-weight: 400;
  line-height: 19px;
  background: #2196F3;
}
.supported-docs .doc_ul_title{
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  padding: 15px 10px;
  justify-content: space-between;
}
.supported-docs .close-doc{
  font-size: 42px;
  font-weight: 200;
  cursor: pointer;
}
.footer-left-col .download-icon{
  cursor: pointer;
  font-size: 16px;
  padding: 8px;
  line-height: 20px;
  box-sizing: border-box;
  background: #e2e2e2;
  border-radius: 4px;
}
.footer-left-col.toggle-docs .download-icon svg{vertical-align: top;}

.list-open{display: none;}
.supportdoc-toggle .list-open{
  display: block;
}
.list-close{display: none !important;}
.supportdoc-toggle .list-close{
  display: block;
}

.float-ui{display:none;}
.float-ui.active{display:block;}
/* Supported Document ends */

@media screen and (min-width:542px) {
    /* .float-ui{display: none;} */
    .content-delivery-wrapper.curriculam-toggle .float-ui{display: none !important;}
	.content-delivery-wrapper.discussion-toggle .float-ui{display: none !important;}
}

/***** custom settings ends here *******/
@media screen and (min-width: 320px) and (max-width: 480px) { 
  .content-delivery-wrapper .curriculam-wrapper {width: 90%;z-index: 9;}
  .content-delivery-wrapper .discussion-right-wrapper{width: 90%;z-index: 9;}
  .content-delivery-wrapper .discussion-answer-wrapper{width: 100% !important;z-index: 9;}
  .nav-header{padding: 15px 10px 0px 10px;height:100%;}
  .nav-header .close-icon {margin-left: 0;background-size: 25px;width: 25px;height: 24px;}
  .nav-header .ask-icon{margin-right: 20px;}
  .nav-header .ask {font-size: 18px;padding-right: 5px;}
  .nav-header .ask-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: #fff;
    color: #040404;
    text-align: center;
    border-radius: 50%;
    line-height: 25px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
  }
  .video-lecture .lecture-title{font-size: 24px;top: -7px;padding-left: 12px;}
  .video-lecture .contenttitle {width: 70%;}
  .video-lecture .nav-header .ask {display: none;}
  .nav-header .menu {
    cursor: pointer;
    background: url(./assets/images/menu-icon.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    width: 30px;
    height: 24px;
    display: inline-block;
  }
  .lecture-wrapper{opacity: 1; transition: 0.6s ease opacity}
  .discussion-toggle{opacity: 1; transition: 0.6s ease opacity}
  /*.answer-toggle{opacity: 1; transition: 0.6s ease opacity}*/
  .curriculam-toggle .lecture-wrapper {padding-left: 0%;opacity:0;}
  .discussion-toggle .lecture-wrapper {padding-left: 0%;opacity:0;}
  .nav-header .ask-wrapper{width: auto;}

  /*Transition starts*/
  .transition-tag {width: 90%;}
  .transition-tag h5 {font-size: 26px;}
  .switch{display: block;margin: 0 auto;}
  .transition-timer {font-size: 14px;}
  .timer {font-size: 24px;}
  .next-prev-navigation{width: 80%;}
  .next-prev-navigation .previous {font-size: 14px;}
  .next-prev-navigation .next {font-size: 14px;}
  .next-prev-navigation .previous:before{background-size: 20px;top: 7px;width: 22px;}
  .next-prev-navigation .next:after{background-size: 20px;top: 7px;}
  /*Transition ends*/

  /*document starts here*/
  .document-preview .lecture-holder{top: 0px !important;}
  .document-preview .context-holder{width: 100% !important;}
  /*.document-preview .menu-icon{background: #fff;width: 40px;height: 35px;border-radius: 3px;padding: 5px 0 0 4px;box-shadow: 0px 3px 5px 0px #969696;}
  .document-preview .menu{background: url(../images/menu-icon-dark.svg) !important;}
  .document-preview .close-icon{background: url(../images/close-dark.svg) no-repeat !important;}
  .document-preview .close-icon-holder{    
    background: #ffffff;
    width: 40px;
    height: 35px;
    display: inline-block;
    box-shadow: 0px 3px 5px 0px #969696;
    border-radius: 3px;
    padding: 7px 2px 0 0;
  }*/
  /*document ends here*/

  /*locked content*/
  .context-holder .lock-img{width: 70px;margin-top: 45px;}
  .context-holder .locked-title{font-size: 22px;}
  /*locked content ends*/

  /*Quiz content*/
  .preview-area .quiz-content{top: 140px !important;}
  /*Quiz content ends*/

  .add-question-block{
    overflow-y: auto;
    height: 100%;
    padding-bottom: 90px;
  }
  .nav-container{height: 20%;}
  .loadmore div {padding: 0px !important;}

  .context-holder #instruction, #submision, #result {
    position: absolute;
    padding: 0px 15px;
    padding-top: 15px;
    width: inherit;
    font-size: 14px;
  }
  .context-holder #instruction .read-more{
    color: #7248a7;
    font-size: 14px;
    font-weight: 500;
    background-image: linear-gradient(#ffffff4a,#ffffffed, #ffffff);
    padding-top: 50px;
    position: absolute;
    width: 100%;
    bottom: 0px;
    display: block;
  }
  .content-read-toggle{max-height: 150px;overflow: hidden;}
  .locked-content-info li{font-size: 14px;}
  .nav-container.nav-height{height: 10%;}
  #instruction{padding: 0 35px 0 45px !important;}
  .download-icon-label{display: none;}
}

/*iphone*/
@media screen and (max-width: 325px){
  .video-lecture .lecture-title {
      font-size: 22px;
      padding-left: 12px;
  }
  .nav-header .ask-icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: #fff;
    color: #040404;
    text-align: center;
    border-radius: 50%;
    line-height: 22px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    margin-right: 15px;
  }
  .nav-header .ask-wrapper {width: auto;}
  .nav-header .close-icon {background-size: 24px;}
  .ask-holder{position: relative;bottom: 0px;}
  .scorm-header .nav-header .lecture-title {
    padding-left: 15px !important;
  }
}

@media only screen and (min-width : 480px) and (max-width : 992px) and (orientation : landscape){
  #instruction{    padding: 0px 70px 0 35px !important;}
  .header-child-alt{padding-left: 0px;}
  .nav-header .lecture-title {font-size: 26px;}
  .nav-header .curriculam-index {font-size: 16px;}
  .download-icon-label{display: none;}
}

@media only screen and (min-width : 660px) and (max-width : 920px) and (orientation : landscape){
  #instruction{    padding: 0px 95px 0 100px !important;}
  .download-icon-label{display: none;}
}

@media screen and (min-width: 481px) and (max-width: 768px) { 
  .content-delivery-wrapper .curriculam-wrapper {width: 100%;z-index: 9;}
  .content-delivery-wrapper .discussion-right-wrapper{width: 100%;z-index: 9;}
  .content-delivery-wrapper .discussion-answer-wrapper{width: 100% !important;z-index: 9;}
  .nav-header{height:100%;}
    /*Transition starts*/
  .transition-tag {width: 90%;}
  .transition-tag h5 {font-size: 26px;}
  .transition-timer {font-size: 14px;}
  .timer {font-size: 24px;}
  .next-prev-navigation{width: 40%;}
  .next-prev-navigation .previous {font-size: 14px;}
  .next-prev-navigation .next {font-size: 14px;}
  .next-prev-navigation .previous:before{background-size: 20px;top: 7px;width: 22px;}
  .next-prev-navigation .next:after{background-size: 20px;top: 7px;}
  /*Transition ends*/
    
  /*document starts here*/
  .document-preview .lecture-holder{top: 0px !important;}
  .document-preview .nav-header {padding: 20px 30px 0px 30px;}
  .document-preview .document-context{width: 100% !important;}
  /*document ends here*/

  /*locked content*/
  .context-holder .lock-img{width: 70px;}
  .context-holder .locked-title{font-size: 22px;}
  /*locked content ends*/

  /*Quiz content*/
  .quiz-content{top: 140px;}
  /*Quiz content ends*/

  .lecture-footer {transition: opacity 0.6s,visibility 0.6s !important;}

  .add-question-block{
    overflow-y: auto;
    height: 100%;
    padding-bottom: 90px;
  }

  .context-holder #instruction, #submision, #result {
    position: absolute;
    padding: 0px 15px;
    padding-top: 15px;
    width: inherit;
    font-size: 14px;
  }
  .download-icon-label{display: none;}

}

/*mobile landscape mode */
@media screen and (min-width: 568px) and (max-width: 640px) and (orientation : landscape){

  /*transition starts here*/
  .nav-header{padding: 15px 10px 0px 10px;height: 100%;}
  .video-lecture .lecture-title{font-size: 24px;top: -7px;padding-left: 12px;}
  .nav-header .menu {background-size: 30px;width: 30px;height: 24px;}
  .video-lecture .nav-header .ask{font-size: 22px;}
  .video-lecture .nav-header .ask-icon{width: 22px;height: 22px;line-height: 22px;font-size: 14px;position: relative;bottom: 3px;}
  .video-lecture .nav-header .close-icon{margin-left:30px;background-size: 25px;}
  .nav-header .ask-holder{position: relative;bottom: 6px;}

  .transition-tag {width: 90%;}
  .transition-tag h5 {font-size: 26px;}
  .transition-timer {font-size: 14px;}
  .timer {font-size: 24px;}
  .next-prev-navigation{padding-top: 45px;width: 50%;}
  .next-prev-navigation .previous {font-size: 14px;}
  .next-prev-navigation .next {font-size: 14px;}
  .next-prev-navigation .previous:before{background-size: 20px;top: 7px;width: 22px;}
  .next-prev-navigation .next:after{background-size: 20px;top: 7px;}
  /*transition ends here*/

  /*document starts here*/
  .lecture-wrapper .document-preview .lecture-holder{top: 0px !important;}
  .document-preview .nav-header {padding: 10px 30px 0px 30px;height: 80px;}
  /*document ends here*/

  /*locked content*/
  .context-holder .lock-img{width: 70px;}
  .context-holder .locked-title{font-size: 22px;}
  /*locked content ends*/

  #info-modal{
    display: block;
    overflow-y: auto;
    padding: 30px 0;
  }
  .add-question-block{
    overflow-y: auto;
    height: 100%;
    padding-bottom: 90px;
  }
  .qa-listing{overflow-y: auto;height: 100%;}
  .discussion-scroller{height: auto !important;}
  .qa-listing .row-margin:last-child {margin-bottom: 65px;}
  .download-icon-label{display: none;}

}

/*ipad landscape*/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
  .quiz-content .context-holder {width: 95%;}
  .qa-listing{overflow-y: auto;height: 100%;}
  .discussion-scroller{height: auto !important;}
  .qa-listing .row-margin:last-child {margin-bottom: 65px;}
}
/*ipad landscape ends*/

@media screen and (min-width: 769px) and (max-width: 992px){
  .nav-header .lecture-title{font-size: 36px;}
  .discussion-box .profile-area .question{font-size: 14px !important;}
  .info-bold {font-weight: 600 !important;font-size: 14px !important;}
  .nav-header .ask-wrapper {width: 40%;}
  .nav-header .contenttitle {width: 75%;}

  /*document settings starts here*/
  .lecture-holder .document-context {width: 100% !important;}
  .document-preview .lecture-holder{width: 100% !important;}
  /*document settings ends here*/

  /*locked content*/
  .context-holder .lock-img{width: 70px;}
  .context-holder .locked-title{font-size: 22px;}
  /*locked content ends*/
  .download-icon-label{display: none;}
}



@media screen and (max-width: 768px){
  .discussion-toggle .nav-container{display: none;}
  .curriculam-toggle .nav-container{display: none;}
  .nav-container{user-select: none;}
  .lecture-footer-container{user-select: none;}
  .discussion-toggle .lecture-wrapper .nav-header {width: 100%;}
  .curriculam-toggle .lecture-wrapper .nav-header {width: 100%;}
  .discussion-toggle .lecture-wrapper{padding-right: 0%;}
  .curriculam-toggle .lecture-wrapper{padding-left: 0%;}
  .plyr--audio{margin: 0 auto; top: 50% !important;; width: 80% !important;}
}


/* Updates on 22-03-2019 starts here -- Latest responsive customizations -- */
@media (min-width : 992px){
  #instruction .read-more{display: none;}
}

/* Mobile Device starts here */
@media only screen and (min-width : 320px) and (max-width : 920px) and (orientation : portrait) {
  ::-webkit-scrollbar {width: 3px !important;}
  .lecture-wrapper .scrollable-title-wrapper {
	    position: fixed;
	    height: 60px;
	    width: 100%;
	    z-index: 99;
	    padding: 0px 10px 0 40px;
	    background: #ffffff;
	    box-shadow: 0 0 10px 0 #777;
	}
	.lecture-wrapper .scrollable-title-wrapper .content-title {
	    font-size: 19px !important;
      font-weight: 600 !important;
      line-height: 60px !important;
      padding-left: 10px !important;
      padding-top: 0px !important;
	    overflow: hidden !important;
	    display: -webkit-box !important;
      -webkit-line-clamp: 1 !important;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis !important;
      white-space: nowrap;
      text-transform: capitalize;
      margin-right: 22px !important;
	}
	.scrollable-title-wrapper .content-title-index {
	    font-size: 14px;
	    font-weight: 400;
      padding-left: 10px;
	}
	.nav-container{z-index: 99;height: 60px;pointer-events: all;}
	.nav-container.nav-height {height: 60px;}
	.nav-header {padding: 15px 10px 0px 10px;height: 100%;}	
	.preview-area .menu {position: fixed;z-index: 9;}
	.menu-icon{padding-top: 5px;}
	/* .lecture-wrapper .close-icon{display:none !important;} */
	.preview-area .lecture-holder {top: 60px!important;}

	#instruction{position:relative !important;padding: 0 15px 0 15px!important;margin-bottom: 0px;}
  .quiz-instruction-tags{padding: 15px 0px 0px 0px;}
  .quiz-instruction-tags div span{font-size: 15px !important;}
	.locked-content-info {padding: 15px 0 0;}
	.curriculam-toggle .lecture-wrapper, .discussion-toggle .lecture-wrapper {opacity: 1;}
	.content-delivery-wrapper.curriculam-toggle .float-ui{display: none !important;}
	.content-delivery-wrapper.discussion-toggle .float-ui{display: none !important;}
	/*Content title*/
	h2.content-heading{margin: 0px;padding: 25px 0;}
	/*Content title ends*/
  .section-count, .topic-count{display: none;}
  .tab.tablinks{background: unset;}
  .content-read-toggle{max-height: 260px; overflow: hidden;}
  .read-more{width: calc(100% - 30px) !important;text-align: center;}
  .context-holder .btn-container{padding-bottom: 100px !important;}
  .instruction-info{padding-bottom: 15px;}
  .result-wrapper{padding: 20px 0px 20px 0px;}
  .instruction-info {padding-bottom: 15px;}
  .curriculam-index{display: none;}
  .context-holder.locked-content{padding-top: 90px;}
  .context-holder .submision-date {font-size: 14px;}
   #submision{position: relative;}
  .preview-area {position: absolute;overflow: auto;height: 100%; }
   #documentFrame, #scormFrame{height: calc(100vh - 110px);}
  .lecture-holder{overflow-x: hidden;}
  .context-holder .context {
    padding-top: 10px;
    background: #fff;
    margin-bottom: 70px;
  }
  .curriculam-toggle .lecture-footer {width: 100%;}
  .discussion-toggle .lecture-footer {width: 100%;}
  .scorm-info{width: 100%;}
  .context-holder.certificate-context{padding: 60px 15px 0px 15px;}

  /* floating option starts here */
  .float-ui{
    background: #000000aa;
    box-shadow: 0 0 10px 0 #777;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 9;
    opacity:0;
    transition: opacity 0.6s ease;
    visibility: hidden;
  }
  .float-ui.active{opacity:1;visibility: visible;}
  
  .float-ui ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
    background: #fff;
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-radius: 10px;
    transform: translateY(100%);
    transition: 0.2s ease transform;
  }
  .float-ui.active ul{transform: translateY(0%);}
  .float-ui ul li{
    padding: 15px 15px;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
    font-size: 16px;
    margin-left: 10px;
    margin-right: 10px;
    list-style: none !important;
  }
  .float-ui ul li:last-child{border:none}


      /* option icon settings here */
        .nav-header .close-icon{
          cursor: pointer;
          background: url(./assets/images/option-icon.svg);
          background-repeat: no-repeat;
          background-size: 25px;
          /* background-position-y: 4px; */
          width: 25px;
          height: 25px;
          display: inline-block;
          transition: 0.6s ease background-size, 0.6s ease height;
          margin-top: 5px;
        }
      /* option icon settings here */

    /* floating option starts here */




    /* supporting docs */
    .supported-docs .list-open{
      width: 100%;
      max-width: 100%;
      position: fixed;
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: 0px;
    }
    .list-open ul{width: 100%;}
    .supported-docs .list-open ul{width:unset;}
    .supported-docs .doc_ul_title{font-size: 18px;}
    .supported-docs .close-doc{font-size: 30px;}
    .download-icon-label{display: none;}
    .time-ramining {margin-left: 0px !important;}

}


@media only screen and (max-width : 920px) and (orientation : landscape) {
	.scrollable-title-wrapper{display: none;}
  .nav-container{display: none;}
  .lecture-wrapper .quiz-instruction-tags {padding: 15px 0px 0px 0px;}
	.lecture-wrapper .lecture-holder{top: 0px !important;}
 
  #instruction{
    position:relative !important;
    padding: 0px 30px 0 30px !important;
    margin-bottom: 0px;
  }
  .instruction-info{padding-top:15px;}
  ol.header-child-alt{padding-left: 15px;}
  .content-read-toggle{max-height: 100%;height: 100%;}
  .read-more{display: none;}

  .result-wrapper{padding: 20px 0px 20px 0px;}
  .instruction-info {padding-bottom: 15px;}
  .quiz-instruction-tags div span {font-size: 15px !important;}
  .context-holder.locked-content{padding-top: 90px;}
  .lecture-holder {margin-bottom: 0px !important;}
  .context-holder .context{margin-bottom: 0px !important;}
  .preview-area {     position: absolute;    overflow: auto;    height: 100%; }
  #documentFrame, #scormFrame{height:100vh;}
  .context-holder.documentframe-container{margin-bottom: 0px !important;}
  .context-holder .context {
    padding-top: 0px;
    background: #fff;
    margin-bottom: 70px;
  }
  .scorm-info{width: 100%;}
  .context-holder.certificate-context{padding: 0px 15px 0px 15px;}
  .supported-docs .list-open ul{width:unset;}
  .supported-docs .doc_ul_title{font-size: 18px;}
  .supported-docs .close-doc{font-size: 30px;}
  .download-icon-label{display: none;}
}
/* Mobile Device ends here */

/* iPad starts here */
@media only screen and (min-width : 768px) and (max-width : 992px) and (orientation : portrait) {
  .container-fluid .lecture-wrapper .content-title{
    font-size: 28px !important;
    line-height: 71px !important;
    padding-left: 20px !important;
  }
  .download-icon-label{display: none;}
}

@media only screen and (min-width : 1024px) and (max-width : 1026px) and (orientation : landscape) {
  .quiz-content .btn-container{margin-bottom: 70px;}
  #instruction{margin-bottom: 0px;}
}

/* iPad ends here */

/* Updates on 22-03-2019 starts here */
.curriculam-toggle .nav-container {
  left: 30%;
  right: 12px;
  transition: left 0.6s ease
}
.video-container {
  display: flex;
  align-items: center;
  height: 100%
}

.video-container .plyr.plyr--paused iframe {
  -webkit-filter: none !important;
  filter: none !important;
}
.plyr--paused .plyr__video-wrapper.plyr__video-embed::after {
  background: none !important;
}
.not-found {
  margin-top: 10em
}
.no-lecture-wrapper {
  padding: 15px;
  text-align: center;
  position: fixed;
  z-index: 9999;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  background: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.no-lecture-wrapper .no-lecture-info {margin: 25px 0px;}
.no-lecture-wrapper .no-lecture-info h5 {font-size: 18px;margin: 0px;}
.no-lecture-wrapper .no-lecture-info span {font-size: 16px;color: #444;}
.no-lecture-wrapper .backto-dashboard-btn {
  background: #3b60e2;
  color: #fff;
  border: 0;
  padding: 8px 25px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
}
.no-lecture-wrapper .backto-dashboard-btn:hover, .no-lecture-wrapper .backto-dashboard-btn:focus{background: #3757c7;outline: none}
.active-topbar {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 20px;
  height: 10px;
  z-index: 9999;
}
/* Sajan css changes 2020-03-30 start */
.screen-toggle {
  display:none !important;
}

/* 14-01-2021 */
.curriculam-btn-onfooter{display: none !important}
.exit-button{display: none }
.curriculam-btn-onlobby{display: none;}
.desc-icon{cursor: pointer;}

.resource-download-icon{
	width: 100%;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    left: 0px;
    z-index: 9999999999;
    background: #0099ff;
    border-radius: 4px;
    padding: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s ease opacity;
}
.resource-download-icon svg{
	width: 30px;
	height: 30px;
	fill: #fff;
}
.recordings-list:hover .resource-download-icon{ opacity: 1;visibility: visible;}

/* UI updates on 14-01-2021 */
@media (min-width:1024px) {
	.scrollable-title-wrapper{display: none}
	.nav-container{display: none}
	.curriculam-btn-onfooter{
		width: 30px;
	    height: 30px;
	    /* margin-right: 20px; */
	    cursor: pointer;
      display: inline-flex !important;
      margin-left: 20px;
	}
	.curriculam-btn-onfooter svg{
		width: 100%;
	    height: 100%;
	    fill: #444;
	}
	.curriculam-btn-onfooter:hover svg{fill: #272727}
	.flowplayer {height: 100% !important;}

	.curriculam-head .close-icon{display: none}
	.exit-button{
		display: inline-block;
	    position: absolute;
	    right: 15px;
	    top: 50%;
	    transform: translateY(-50%);
	    font-size: 14px;
	    font-weight: 400;
	    background: #f33535;
	    color: #fff;
	    padding: 4px 19px;
      border-radius: 4px;
      line-height: 20px;
      cursor: pointer;
	}
	.exit-button:hover{background: #d53838;}

	.lecture-desc-modal{
		left: 30%;
	  width: 70%;
  }
  
  .plyr_video-embed iframe, .plyr iframe{display:block;height:100%;}
  .video-container {height: calc(100% - 60px);}

  .curriculam-btn-onlobby {
    width: 45px;
    height: 45px;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    left: 20px;
    padding: 8px;
    border-radius: 6px;
    z-index: 9999999;
    display: block;
 }
  .curriculam-btn-onlobby:hover{background: #fafafa;}
   .curriculam-btn-onlobby svg{
     width: 100%;
    height: 100%;
    fill: #444;
  }   
  .scorm-icon{
    width: 80px;
    margin: 0 auto;
    margin-top: 120px;
  }

}
/* UI updates on 14-01-2021 ends */


@media (min-width:920px) {
.content-delivery-wrapper .lecture-wrapper .nav-container{display: none}
.content-delivery-wrapper .lecture-wrapper .curriculam-btn-onfooter {
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: inline-flex!important;
  margin-left: 20px;
}
}



@media screen and (max-width: 480px) and (min-width: 320px)
{
  .content-delivery-wrapper .curriculam-wrapper, .content-delivery-wrapper .discussion-right-wrapper {
    width: 100%;
    z-index: 9;
  }
  .preview-area .nav-header {
    box-shadow: none;
  }
  .lecture-wrapper .scrollable-title-wrapper
  {
    box-shadow: 0 6px 4px -4px #0000002b !important;  
  }
}

.curriculam-head .close-icon:after {position: absolute;content: "";width: 20px;height: 2px;border-top: 2px solid;top: 5px;}
.curriculam-head .close-icon:before {position: absolute;content: "";width: 12px;height: 12px;border-top: 2px solid;border-left: 2px solid;transform: rotate(-45deg);}
.discussion-right-head .close-icon:after {position: absolute;content: "";width: 20px;height: 2px;border-top: 2px solid;top: 5px;}
.discussion-right-head .close-icon:before {position: absolute;content: "";width: 12px;height: 12px;border-top: 2px solid;border-right: 2px solid;transform: rotate(45deg);right: 5px;}
/* Sajan css changes 2020-03-30 end */
.recorded-video.instruction-info{
  margin-top: 40vh;
  color: #ccc;
  font-size: 1.5em;
}

@media screen and (min-width: 768px){
  .content-delivery-wrapper .lecture-wrapper .curriculam-btn-onfooter {
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: inline-flex !important;
    margin-left: 20px;
  }
}
.conveythis-noshow{
  display: none !important;
}

.lecture-wrapper .embeded-html iframe {
  border: none;
  width: 100%;
  height: calc(100vh - 60px);
}
.lecture-holder.embeded-html {
  top: 0;
}
.lecture-holder.embeded-html .context-holder.document-context {
  padding: 0 !important;
}
.lecture-holder.embeded-html .context-holder .context {
  padding-top: 0 !important;
}
.lecture-holder.embeded-html .context-holder .context p {
  padding: 15px 20px 0px 20px;
}
.lecture-holder.embeded-html .context-holder .context h1, .lecture-holder.embeded-html .context-holder .context h2, .lecture-holder.embeded-html .context-holder .context h3, .lecture-holder.embeded-html .context-holder .context h4, .lecture-holder.embeded-html .context-holder .context h5, .lecture-holder.embeded-html .context-holder .context h6 {
  padding: 10px 20px 0;
  margin: 0;
}
.lecture-holder.embeded-html .context-holder .context table {
  margin: 0 20px;
}
blockquote{
  position: relative;
  margin: 15px 0;
  padding: 15px 10px 15px 60px;
  color: #555555;
  background: #f7f8fa;
  font-size: 18px;
  line-height: 1.6;
  font-style: italic;
  border-left: 8px solid #6a6a6a
}
blockquote span{
  margin-top: 8px;
  display: block;
  color:#13171f;
  font-weight: 700;
  font-style: normal;

}

pre{
  padding: 10px 14px;
  background: #f7f8fa;
  font-size: 14px;
  line-height: 1.4;
  border: 1px solid #cdd3de;
  border-radius: 6px;
  white-space: inherit;
}
@media screen and (max-width: 450px) {
  .lecture-wrapper .embeded-html iframe {
    height: auto;
  }
}