/*Assignmnt settings starts here*/
.hide-open-doc{top:0px; height: 60px; position: absolute; right:0px; width: 60px;z-index: 9999;}
.curriculam-index {
    font-size: 21px;
    color: #fff;
    font-weight: 400;
    padding-left: 30px;
    transition: 0.6s ease font-size;
}

.lecture-holder {
    width: 100%;
    position: relative;
    z-index: 9;
    top: 60px;
    margin-bottom: 60px;
}

.content-toggle-tab {
    border: 1px solid #713ea7;
    border-radius: 55px;
    background: #fff;
    margin: 0 auto;
    width: max-content;
    width: -moz-fit-content;
    overflow: hidden;
}

.content-toggle-tab .tab {
    font-size: 18px;
    color: #444;
    display: inline-block;
    padding: 5px 30px;
    border-right: 1px solid #713ea7;
    margin-left: -3px;
    cursor: pointer;
    user-select: none;
}

/* .content-toggle-tab .tab:hover {
    background: #713ea7;
    color: #fff;
} */

.content-toggle-tab .tab:last-child {
    border-right: none;
}

.context-holder {
    padding: 0px 0px;
    width: 55%;
    margin: 0 auto;
}

.context-holder img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}

.d-flex {
    display: flex;
}

.context-holder .context {
    font-size: 18px;
    font-weight: 400;
    text-align: justify;
    padding-top: 40px;
    /* margin-bottom: 100px; */
    background: #fff
}
.time-ramining{align-items: center;margin-left:20px}
.time-ramining .time{
    color: #e63856;
}

.context p {
    margin: 0px;
    padding-bottom: 20px;
    word-break: break-word;
}

.preview-area .nav-header {
    color: #444;
    z-index: 9;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255) 10%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255) 10%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255) 10%, rgba(0, 0, 0, 0) 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );*/
    background: -ms-linear-gradient(bottom, #ffffff, #00000000);
}

.preview-area .nav-header .lecture-title {
    color: #444
}

.preview-area .nav-header .curriculam-index {
    color: #444;
    padding-left: 70px
}

.preview-area.full-height {
    height: 100%!important;
}

.lecture-footer {
    display: flex;
    justify-content:space-between;
    align-items: center;
    background: #fff;
    height: 60px;
    width: 100%;
    z-index: 999;
    position: fixed;
    bottom: 0px;
    /* box-shadow: 0px 0px 10px 0px #777777; */
    box-shadow: 0 -6px 4px -4px #0000002b !important;
    transition: 0.6s ease width, 0.6s ease opacity, 0.6s ease visibility;
    overflow: hidden
}

.lecture-footer div {
    font-size: 20px;
    line-height: 62px;
    display: inline-flex;
    align-items: center;
}

.lecture-footer .ask-icon {
    margin-right: 20px;
}

.lecture-footer .ask {
    font-size: 20px;
    padding-right: 5px;
}

.lecture-footer .ask-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: #595959;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    line-height: 25px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}

.prev-lecture {
    padding-right: 70px;
}

.prev-lecture span {
    cursor: pointer;
}

.prev-lecture span:before {
    content: '';
    background: url(../../../assets/images/chevron-left.svg) no-repeat;
    width: 25px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: 2px;
}

.next-lecture {
    padding: 0 60px 0 70px;
}

.next-lecture span {
    cursor: pointer;
}

.next-lecture span:after {
    content: '';
    background: url(../../../assets/images/chevron-right.svg) no-repeat;
    width: 25px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: 2px;
}

.tablinks.active {
    background: #713ea7;
    color: #fff;
}

.instruction-info {
    display: inline-flex;
    justify-content: center;
    padding-bottom: 40px;
    font-size: 15px;
    font-weight: 600;
    width: 100%;
}

.submision-date {
    color: #ff8300;
    font-size: 16px;
}

.preview-area .menu {
    background: url(../../../assets/images/menu-icon-dark.svg);
    background-repeat: no-repeat;
    background-size: 41px;
    overflow: auto;
}

.preview-area .close-icon {
    background: url(../../../assets/images/close-dark.svg);
    background-repeat: no-repeat;
    background-size: 34px;
}

.attachment-tag {
    font-size: 14px;
    color: #713ea7;
    border: 1px solid #713ea7;
    border-radius: 24px;
    padding: 6px 14px;
    margin-right: 7px;
    cursor: pointer;
    display: inline-block;
    margin: 3px 3px;
}

.redactor-file-item {
    border: 1px solid rgba(114, 72, 167, 1) !important;
    margin-right: 7px !important;
}

.redactor-file-item a {
    font-size: 14px !important;
    color: #713ea7 !important;
}

.attachment-holder {
    padding: 20px 0px;
}

.btn-violet {
    font-size: 16px;
    color: #fff;
    background: #713ea7;
    padding: 10px 50px;
    outline: none;
    border: none;
    border-radius: 3px;
}

.btn-container {
    padding: 25px 0;
}

.tabcontent {
    -webkit-animation: fadeEffect 0.6s;
    animation: fadeEffect 0.6s;
}

.result-wrapper {
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-wrap: wrap;
    padding: 20px 0 40px;
}

.result-wrapper .result-info {
    text-align: center;
    margin: 0px 20px;
}

.result-info-title {
    display: block;
    line-height: 18px;
    font-size: 13px;
    font-weight: 600;
}

.result-info-title:first-child {
    display: inline-block;
    line-height: 37px;
}

.result-wrapper .marks {
    font-size: 32px;
    font-weight: 600;
    color: #02a5f0;
}

.result-wrapper .grade {
    font-size: 32px;
    font-weight: 600;
    color: #24dd00;
}

.result-wrapper .submition-date {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #ff8300;
    line-height: 10px;
}

.preview-area .menu {
    position: fixed;
    z-index: 9;
}

.preview-area .lecture-title {
    padding-left: 70px;
}

/*document settings*/

.context-holder.document-context {
    width: 100%;
    padding: 0px 100px;
}

.screen-toggle{padding: 15px 25px 15px 20px;cursor: pointer;}
.screen-toggle .expand-icon{width:26px;}
/* Fade in tabs */

/* .float-ui{display: none;} */

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.lecture-desc-modal .modal-wrap{
    max-width: 50%;
    height: auto;
    min-height: auto;
}
.lecture-desc-modal .modal-desc{
    height: auto;
    min-height: 100px;
}

#documentFrame, #scormFrame {height: calc(100vh - 60px);}


/*Assignmnt settings ends here*/
@media (max-width:992px){
    /* .redactor-box{max-height: 180px; overflow: hidden;} */
    
}
@media screen and (min-width:992px) {
    /* scrollable tile goes here */
    .scrollable-title-wrapper {
        position: absolute;
        width: 100%;
        z-index: 9;
        padding: 26px 40px 0px 100px;
    }
    .scrollable-title-wrapper .content-title {
        overflow: hidden;
        font-size: 40px;
        font-weight: 300;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-transform: capitalize;
    }
    .scrollable-title-wrapper .content-title-index {
        font-size: 21px;
        font-weight: 400;
    }
    .scrollable-title-wrapper .content-title-index .section-count {
        padding-right: 15px;
    }
    .content-toggle-tab .tab {
        font-size: 14px;
    }
    /* scrollable tile ends here */

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

@media only screen and (min-width : 320px) and (max-width : 920px) and (orientation : portrait) {
    .content-delivery-wrapper.curriculam-toggle .float-ui{display: none !important;}
    .content-delivery-wrapper.discussion-toggle .float-ui{display: none !important;}

    /*assignmemnt setings*/
    .lecture-holder .context-holder {
        width: 90%;
    }
    .preview-area .prev-lecture {
        padding-right: 20px;
    }
    .preview-area .next-lecture {
        padding: 0 20px 0 40px;
    }
    .lecture-footer div {
        font-size: 14px !important;
    }
    .lecture-footer {
        transition: opacity 0.6s, visibility 0.6s !important;
    }
    .result-wrapper .result-info {
        padding: 0px 5px !important;
    }
    .result-info .result-info-title {
        font-size: 12px;
    }
    .result-wrapper .marks {
        font-size: 29px !important;
    }
    .result-wrapper .grade {
        font-size: 29px !important;
    }
    .quiz-timetaken {
        font-size: 29px !important;
    }
    .content-toggle-tab .tab {
        padding: 6px 14px !important;
    }
    .attachment-tag {
        font-size: 12px !important;
        display: inline-block;
        padding: 2px 12px !important;
        margin-right: 4px !important;
    }
    .preview-area .menu {
        background-size: 30px !important;
        width: 30px;
        height: 24px;
    }
    .nav-header .close-icon {
        background-size: 25px !important;
    }

    .preview-area .lecture-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;
        text-overflow: ellipsis !important;
        white-space: nowrap;
    }
    .preview-area .nav-header .curriculam-index {
        padding-left: 10px;
        font-size: 14px;
    }
    .prev-lecture span:before {
        background-size: 20px;
        top: 7px;
    }
    .next-lecture span:after {
        background-size: 20px;
        top: 7px;
    }
    .lecture-footer .ask {
        font-size: 16px;
    }
    .lecture-footer .ask-icon {
        width: 22px;
        height: 22px;
        line-height: 22px;
        font-size: 14px;
    }
    .context p {
        padding-bottom: 15px;
    }
    .header-child-alt {
        margin-top: 0px;
        padding-left: 15px;
    }
    .btn-container {
        padding: 15px 0;
    }
    .instruction-info {
        padding-bottom: 15px;
    }
    .result-wrapper {
        padding: 0px 0 15px 0;
    }
    .view-report-btn {
        display: inline-block;
    }
    .quiz-timetaken,
    .marks,
    .grade {
        padding: 10px 0px;
        display: inline-block;
    }
    .context-holder.document-context {
        padding: 0px 15px;
    }
    .nav-container {
        width: 100%;
    }
    /* scrollable tile goes here */
    .scrollable-title-wrapper {
        position: absolute;
        width: 100%;
        z-index: 9;
        padding: 3px 40px 0px 40px;
    }
    .scrollable-title-wrapper .content-title {
        padding-left: 10px;
        font-size: 21px;
        overflow: hidden;
        font-weight: 300;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-transform: capitalize;
    }
    .scrollable-title-wrapper .content-title-index {
        font-size: 14px;
        font-weight: 400;
        padding-left: 10px;
    }
    .scrollable-title-wrapper .content-title-index .section-count {
        padding-right: 15px;
    }
    .content-toggle-tab .tab {
        font-size: 14px;
    }
    /* scrollable tile ends here */
    .preview-area .nav-header{
        background: #fff;
        box-shadow: 0px 0px 10px 0px #777777;
    }
    .preview-area .lecture-holder {
        position: absolute;
        top: 60px!important;
        bottom: 60px !important;
        margin-bottom: 0px;
        padding: 0px;
        overflow: unset;
    }
    .context-holder.document-context {
        margin-bottom: 0px !important;
        height: 100%;
        background: url(../../../assets/images/loader.gif);
        background-position: center;
        background-repeat: no-repeat;
    }
    #documentFrame, #scormFrame {
        height: 100% !important;
    }
    .context-holder .context {
        padding-top: 10px;
        background: #fff;
        margin-bottom: 70px;
      }
    .curriculam-toggle .lecture-footer {width: 100%;}
    .discussion-toggle .lecture-footer {width: 100%;}

    /* option icon settings here */
      .preview-area .close-icon {
        background: url(../../../assets/images/option-icon-dark.svg);
        background-repeat: no-repeat;
        background-size: 25px;
        margin-top: 5px;
      }
    /* option icon settings here */

  /* floating option starts here */
/* 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 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}
  .toggle-docs{padding:10px;}
  .lecture-footer-container .ask{display:none;}
  .screen-toggle .expand-icon {width: 20px;}

    /*Lecture Description modal 20-01-2020*/
  .lecture-desc-modal{padding-top: 0px !important;}
  .lecture-desc-modal .modal-wrap{
    min-height: unset;
    height: auto;
    width: 95%;
    max-width: 95%;
    position: relative;
    transform: translateY(-50%);
    top: 50%;
  }
  .lecture-desc-modal .modal-desc{
    height: auto;
    max-height: 300px;
    min-height: 120px;
    overflow-y: auto;
  }
    /*Lecture Description modal ends*/
}

/*mobile landscape mode */

@media only screen and (max-width : 920px) and (orientation : landscape) {
    .preview-area .lecture-title {
        font-size: 24px;
        top: -8px;
        padding-left: 50px;
    }
    .prev-lecture span:before {
        background-size: 20px;
        top: 6px;
    }
    .next-lecture span:after {
        background-size: 20px;
        top: 6px;
    }
    .lecture-footer .ask {
        font-size: 16px;
    }
    .lecture-footer .ask-icon {
        width: 22px;
        height: 22px;
        line-height: 22px;
        font-size: 14px;
    }
    .lecture-footer div {
        font-size: 16px;
    }
    .curriculam-index {
        font-size: 16px;
    }
    .preview-area .menu {
        background-size: 30px
    }
    .nav-header .close-icon {
        background-size: 25px
    }
    .preview-area .nav-header .curriculam-index {
        padding-left: 50px;
    }
    .content-toggle-tab .tab {
        font-size: 14px;
    }
    .context-holder.document-context {padding: 0px 30px;}
       /* scrollable tile goes here */
       .scrollable-title-wrapper {
        position: absolute;
        width: 100%;
        z-index: 9;
        padding: 3px 40px 0px 50px !important;
    }
    .scrollable-title-wrapper .content-title {
        padding-left: 10px;
        font-size: 24px !important;
        padding-top: 3px;
        overflow: hidden;
        font-weight: 300;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-transform: capitalize;
    }
    .scrollable-title-wrapper .content-title-index {
        font-size: 14px !important;
        font-weight: 400;
        padding-left: 10px;
    }
    .scrollable-title-wrapper .content-title-index .section-count {
        padding-right: 15px;
    }
    .content-toggle-tab .tab {
        font-size: 14px;
    }
    /* scrollable tile ends here */
    .context .headings-altr {padding-bottom: 5px;}
    #documentFrame, #scormFrame {
        position: fixed;
        /* height: 100% !important; */
        width: 100% !important;
    }
    .context-holder .context {
        padding-top: 0px;
        background: #fff;
        margin-bottom: 70px;
    }
    .screen-toggle .expand-icon {width: 20px;}

    /*Lecture Description modal 20-01-2020*/
    .lecture-desc-modal{padding-top: 0px !important;}
    .lecture-desc-modal .modal-wrap{
        min-height: unset;
        height: auto;
        width: 90%;
        max-width: 90%;
        position: relative;
        transform: translateY(-50%);
        top: 50%;
    }
    .lecture-desc-modal.rec-modal .modal-wrap{
        transform: unset;
        top: unset;
    }
    .lecture-desc-modal .modal-desc{
        height: auto;
        max-height: 300px;
        min-height: 120px;
        overflow-y: auto;
    }
    .supported-docs{z-index: 99999}
    /*Lecture Description modal ends*/
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    /*assignmemnt setings*/
    .lecture-holder .context-holder {
        width: 90%;
        padding-bottom: 60px;
    }
    .preview-area .prev-lecture {
        padding-right: 0px;
    }
    /*.context-holder.document-context{width: 66% !important;}*/
    /* scrollable tile goes here */
    .scrollable-title-wrapper {
        position: absolute;
        width: 100%;
        z-index: 9;
        padding: 29px 40px 0px 90px;
    }
    .scrollable-title-wrapper .content-title {
        padding-left: 10px;
        font-size: 41px;
        padding-top: 3px;
        overflow: hidden;
        font-weight: 300;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-transform: capitalize;
    }
    .scrollable-title-wrapper .content-title-index {
        font-size: 24px;
        font-weight: 400;
        padding-left: 10px;
    }
    .scrollable-title-wrapper .content-title-index .section-count {
        padding-right: 15px;
    }
    .content-toggle-tab .tab {
        font-size: 14px;
    }
    /* scrollable tile ends here */
}

@media screen and (min-width: 769px) and (max-width: 992px) {
    /*assignmemnt setings*/
    .lecture-holder .context-holder {width: 90%;}
    /*.context-holder.document-context{width: 66% !important;}*/

    .scrollable-title-wrapper {
        position: absolute;
        width: 100%;
        z-index: 9;
        padding: 26px 40px 0px 100px;
    }
    .scrollable-title-wrapper .content-title {
        overflow: hidden;
        font-size: 40px;
        font-weight: 300;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        text-transform: capitalize;
    }
    .scrollable-title-wrapper .content-title-index {
        font-size: 21px;
        font-weight: 400;
    }
    .scrollable-title-wrapper .content-title-index .section-count {
        padding-right: 15px;
    }
    .scrollable-title-wrapper .content-title-index {
        font-size: 21px;
        font-weight: 400;
    }
}

/*iphone 5/6*/

@media (max-width: 325px) {
    .result-wrapper .result-info {
        padding: 0px 5px !important;
    }
    .result-info .result-info-title {
        font-size: 11px;
    }
    .result-wrapper .submition-date {
        display: block;
        font-size: 12px;
        font-weight: 600;
        color: #ff8300;
        line-height: 10px;
    }
}
/* lecture description Modal css start */
.modal-wrap{
    width: 70%;
    min-height: 300px;
    background-color: #fff;
    margin: 0 auto;
    border-radius: 4px;
    height: 70vh;
}
.modal-desc{
    height: 100%;
    overflow-y: auto;
    height: 50vh;
    padding: 0 15px;
    text-align: justify
}
.np{padding: 0!important}
.desc-btns{padding:10px 0!important}
.np h2{margin:0!important;padding:20px 0!important;font-weight:600!important}
.modal-container{z-index:99!important}
.modal-container.lecture-desc-modal.visible{z-index:99999!important}
.div-pad{padding:0 12px}
/* lecture description Modal css end */

/* live lecture changes */
.live-lobby-container {
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 0;
    top: 0;
    width: 100%;
    transition: width .6s ease;
}
.live-lobby-container .lobby-wrapper{
    width: inherit;
    transition: width .6s ease;
}
.live-lobby-container .recordings-wrapper{display: none}
.live-lobby-container.has-records .lobby-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    overflow-y: auto;
    max-height: calc(100vh - 100px);
}
.live-lobby-container.has-records .recordings-wrapper{display: block}
.live-lobby-container .live-lobby-banner {
    width: 240px;
    margin: 0 auto;
    border-radius: 6px;
    overflow: hidden;
}
.live-lobby-container .live-lobby-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
    display: block;
}
.live-lobby-container .live-lobby-name {
    font-size: 22px;
    font-weight: 600;
    color: #222;
    text-align: center;
    margin: 20px auto 5px auto;
    max-width: 430px;
    line-height: 36px;
}
 .live-lobby-container .live-lobby-status{
    color: #b0b0b0;
    font-weight: 400;
    margin-left: 5px;
 }
 .live-lobby-container .live-lobby-user{
    font-size: 18px;
    font-weight: 600;
    color: #444;
    text-align: center;
 }
 .live-lobby-container .live-lobby-info {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: 38px;
    color: #fa631b;
}
.live-lobby-container .join-class-btn {
	background: #0181ff;
    border: 0;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    padding: 7px 32px;
    border-radius: 5px;
    margin: 20px 0;
}
 /* .live-lobby-container .live-lobby-container .join-class-btn:hover,.join-class-btn:focus{background: #059d90} */
 .live-lobby-container .recordings-wrapper{
    background: #f5f5fd;
    border-left: 1px solid #b7b6bb;
    width: 30%;
    height: 100%;
    transition: 0.6s ease width;
    min-width: 360px
 }
 .live-lobby-container .recordings-wrapper .recordings-title{
	font-size: 22px;
    font-weight: 400;
    color: #444;
    text-align: left;
    padding: 14px 20px;
    background: #fff;
 }
 .live-lobby-container .recordings-wrapper .recordings-list-holder{
    background: #f5f5fd;
    padding: 15px;
    max-height: calc(100% - 60px);
    overflow-y: auto;
    box-shadow: 0px 4px 4px -2px #0000001c inset;
 }
 .live-lobby-container .recordings-wrapper .recordings-list{
    border-radius: 4px;
    box-shadow: 0 0 6px 6px rgba(0,0,0,.02);
    overflow: hidden;
    cursor: pointer;
    display: flex;
    min-height: 80px;
    max-height: 80px;
    margin-bottom: 10px;
    background: #fff;
 }
 .live-lobby-container .recordings-list:nth-child(even) {margin-right: 0px !important;}
 .recordings-wrapper .recordings-thumbnail{
    position: relative;
    width: 130px;
    min-width: 130px;
    max-width: 130px;
 }
 .live-notification {
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
    color: #fff;
    background: red;
    padding: 0px 8px 0px 20px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    top: -12px;
}
.live-notification:after {
    content: '';
    background: #fff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: 6px;
    top: 5px;
    animation: blink 1.4s ease infinite;
}
  .live-lobby-container .recordings-wrapper .recordings-overlay{
     position: absolute;
     top: 0px;
     bottom: 0px;
     left: 0px;
     right: 0px;
     display: flex;
     align-items: center;
     justify-content: center;
     /* background: #00000045; */
     background: #000;
 }
  .live-lobby-container .recordings-wrapper .recordings-overlay svg{width: 35px;height: 35px;cursor: pointer;}
 .live-lobby-container .recordings-wrapper .recordings-thumbnail video{
     width: 100%;
     height: 100%;
     object-fit: cover;
     margin: 0px;
     display: block;
 }
 .live-lobby-container .recordings-wrapper .recordings-info{
    background: #fff;
    text-align: left;
    padding: 10px;
    height: 100%;
    width: calc(100% - 130px);
    min-width: calc(100% - 130px);
    max-width: calc(100% - 130px);
 }
 .live-lobby-container .recordings-wrapper .recording-name {
    font-size: 13px;
    font-weight: 600;
    color: #444;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
 }
 .live-lobby-container .recordings-wrapper .recording-part{
    font-size: 12px;
    font-weight: 400;
    color: #9f9f9f;
    margin-top: 3px;
 }

 /* Settings of lobby width for Discusssion & Curriculam */
 /* .content-delivery-wrapper.curriculam-toggle .live-lobby-container.has-records{width: 100%;} */
 .content-delivery-wrapper.curriculam-toggle .live-lobby-container{width: 70%;}
 .content-delivery-wrapper.discussion-toggle .live-lobby-container{width: 70%;height: 100%;}
 /* Settings of lobby width for Discusssion & Curriculam */

.live-holder{
    display: flex;
    align-items: center;
}
.live-holder .live-notification{
    top: 0;
    margin-right: 10px;
}

.live-rcording-player{width: 80%;}
.live-rcording-player video {
    width: 100%;
    display: block;
}

.lobby-instructions{
    text-align: left;
    padding: 0% 15%;
    /*margin: 0 auto;*/
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #cccccc5c;
    background: #f8f9fb;
}
.lobby-instructions .instruction-title{
	font-size: 13px;
    font-weight: 600;
    color: #474747;
}
.lobby-instructions .lobby-instruction-info{
    font-size: 13px;
    font-weight: 400;
    color: #959595;
}
.lobby-instructions .instruction-list li{
    font-size: 13px;
    font-weight: 400;
    color: #595959;
    list-style: none;
    margin-bottom: 25px;
    display: flex;
    align-items: self-start;
}
.lobby-instructions .instruction-list li a, .lobby-instruction-info li a{color: #0181ff}
.lobby-instructions .instruction-list-icon{margin-right: 20px;}
.lobby-instructions .instruction-list{
    padding: 0px;
    margin-top: 25px;
}

.lobby-instructions .instruction-video-wrapper{
    padding: 10px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #cccccc8c;
    margin-top: 40px;
}
.lobby-instructions .instruction-video-col{
    width: 80px;
    height: 48px;
    position: relative;
}  
.lobby-instructions .instruction-video-col video{
    display: block;
    width: inherit;
    height: inherit;
    border-radius: 4px;
    filter: brightness(0.5);
}
.lobby-instructions .instruction-video-info{
    display: flex;
    flex-direction: column;
    padding: 0px 30px 0px 20px;
}
.lobby-instructions .instruction-video-title1{
    font-size: 13px;
    font-weight: 600;
    color: #444;
}
.lobby-instructions .instruction-video-title2{
    font-size: 13px;
    font-weight: 400;
    color: #444444ba;
}
.live-timezone{color: #a0a0a0;}
.live-timezone span{color: #0181ff;}
.lobby-right-wrapper{
    width: 100%;
    position: relative;
    max-height: 100vh;
    overflow-y: auto;
    padding-top: 60px;
}
.lobby-left-wrapper + .lobby-right-wrapper {background-size: 450px; background-position: top right;}
.lobby-left-wrapper + .lobby-right-wrapper .lobby-instructions {
    width: calc(100% - 50px);
    border-radius: 4px;
    margin: 0 auto;
    border: 1px solid #cccccc5c;
    padding: 25px;
}
.lobby-left-wrapper + .lobby-right-wrapper .lobby-form-holder{display: block;}
.lobby-right-wrapper::-webkit-scrollbar {width: 8px;}
.lobby-right-wrapper::-webkit-scrollbar-track {background: rgb(248, 248, 248);border-radius: 10px;}
.lobby-right-wrapper::-webkit-scrollbar-thumb {background: #d9d9d9;border-radius: 10px;cursor: pointer;}
.lobby-right-wrapper::-webkit-scrollbar-thumb:hover {background: #ccc;}
.live-lobby-presenter {
    font-size: 16px;
    font-weight: 600;
    color: #444;
    margin: 15px 0 15px 0;
}
.live-lobby-presenter span {
    font-weight: 400;
    color: #a3a3a3;
    margin-left: 4px;
}
.ms-faculty-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ms-faculty-img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}
.ms-faculty-row {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    width: 100%
}
.lobby-agenda-column {
    text-align: left;
    padding: 25px 25%;
    position: relative;
}
.lobby-agenda-column:after {
    content: '';
    border-top: 1px solid #e9e9ea;
    position: absolute;
    top: 0px;
    left: 27px;
    right: 27px;
}
.lobby-agenda-column .lobby-agenda-title {
    font-size: 14px;
    font-weight: 400;
    color: #8a8a8a;
}
.lobby-agenda-column .lobby-agenda-content {
    margin: 8px 0px 0px 0px;
    font-size: 14px;
    font-weight: 600;
    color: #383838;
    word-break: break-word;
}
.lobby-agenda-column .lobby-agenda-description {
    font-size: 13px;
    font-weight: 400;
    color: #7e7e7e;
    margin: 6px 0px 0px 0px;
    word-break: break-word;
}

 @media (max-width:950px){
    .lobby-left-wrapper{display: none}
    .live-lobby-container .live-lobby-banner {border-radius: 4px;}
    .live-lobby-container .live-lobby-status {margin: 5px 0px;display: block;}
    .live-lobby-container .live-lobby-name {
        font-size: 18px;
        margin: 10px auto;
        max-width: 100%;
        line-height: 26px;
    }
    .live-loc-info{display:block;line-height: 12px;}
    .live-lobby-container .join-class-btn {margin: 15px 0;}
    .live-lobby-container .live-lobby-user {font-size: 14px;/*margin-bottom: 15px;*/}
    .live-lobby-container .live-lobby-info {
        font-size: 14px;
        line-height: 26px;
    }
    .live-lobby-container .lobby-wrapper {padding: 0px !important;}
    
    .live-lobby-container.has-records .lobby-wrapper{margin: 0px;margin-top: 40px;}
    .live-lobby-container .recordings-wrapper{
       position: relative;
       left: 0px;
       width: 100%;
       border: 0px;
       border-top: 1px solid #e4e4e4;
    }
    .live-lobby-container .recordings-wrapper .recordings-title{
       font-size: 16px;
       font-weight: 600;
       padding: 10px 20px;
    }
    .live-lobby-container .recordings-wrapper .recordings-list-holder {
        display: block;
        padding: 15px;
        max-height: calc(100% - 100px);
    }
    .live-lobby-container .recordings-wrapper .recordings-list{
       width: 100%;
       float: unset;
       display: flex;
       height: 85px;
       padding: 10px;
       background-color: #fff;
    }
    .live-lobby-container .recordings-wrapper .recordings-thumbnail{
       width: 100px;
       min-width: 100px;
       max-width: 100px;
       border-radius: 4px;
       overflow: hidden;
    }
    .live-lobby-container .recordings-wrapper .recordings-info{width: calc(100% - 100px);padding: 0px 0px 0px 15px;}
    .live-notification {top: 0px;}
    .live-lobby-container {
        flex-direction: column;
        overflow-y: auto;
        display: block;
        top: 62px;
    }
    /* onscroll sticky content  */
    /* .live-lobby-container.sticky-video{overflow-y: hidden} */
    .live-lobby-container.has-records .lobby-wrapper{width: 100%;/*height: 390px;*/margin-top: 0px;}
    .live-lobby-container.sticky-video .lobby-wrapper{
        flex-direction: row;
        padding: 20px;
        margin-top: 60px;   
    }
    .live-lobby-container.sticky-video .live-lobby-banner{width: 120px;border-radius: 6px;}
    .live-lobby-container.sticky-video .live-lobby-name{
        margin: 0px;
        width: calc(100% - 120px);
        text-align: left;
        padding-left: 20px;
    }
    .live-lobby-container.sticky-video .live-lobby-user{display: none;}
    .live-lobby-container.sticky-video .live-lobby-info{display: none;}
    .live-rcording-player {width: 90%;}
    /* onscroll sticky content ends  */
    .lobby-instructions {
        width: 100%;
        border-radius: 0px;
        margin: 0 auto;
        border: 0px;
        padding: 15px !important;
        padding-bottom: 50px!important;
    }
    .lobby-agenda-column {padding: 15px}
    .lobby-agenda-column:after {
        left: 15px;
        right: 15px;
    }
    .lobby-left-wrapper + .lobby-right-wrapper .lobby-instructions{
        width: 100%;
        border-radius: 0px;
        margin: 0 auto;
        border: 0px;
        padding: 15px !important;
    }
    .lobby-instructions .instruction-video-wrapper {margin-top: 15px;}
    .lobby-right-wrapper{
        max-height: 100%;
        position: -webkit-sticky;
        position: sticky;
        top: 20px;      
        margin: 40px 0 0 !important;
        padding-top: 0px !important;
    }
    .live-lobby-presenter {
        font-size: 14px;
        font-weight: 600;
        color: #444;
        margin: 15px 0 15px 0;
    }
 }

 .live-rcording-player .plyr__video-wrapper {
     top: 0;
     transform: unset;
     -webkit-transform: unset;
 }
 .live_offline {
    background: #e4e4e4;
 }
 
 .live_offline:after {
    animation: none;
 }
 .recordings-overlay .doc-image {
    height:100%;
    width:100;
    object-fit:cover;
    margin: 0
 }
 .recording-player {
     margin:5px;
 }
 .recording-player .plyr__video-wrapper {
    top: unset;
    -webkit-transform: unset;
    transform: unset;
 }

 /* test report starts here */
.cd-result-holder{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
 }
 .cd-trophy-wrapper {
    width: 80px;
    margin-bottom: 15px;
 }
 .cd-result-status-txt{
    font-size: 18px;
    font-weight: 600;
    color: #444;
 }
 .cd-result-lbl-holder{margin:25px 0;}
 .rslt-status{
    font-size: 20px;
    font-weight: 600;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    width: 104px;
    text-align: center;
 }
 .rslt-status.passed{
    background-color: #01c854;
    color:#fff;
 }
 .rslt-status.failed{
    background-color: #ff8400;
    color:#fff;
 }
 .cd-counter-info{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
 }
 .counter-info-col{
    margin: 20px 0;
    padding: 0 40px;
    border-right: 1px solid #ddd;
 }
 .counter-info-col:last-child{border-right: 0px;}
 .counter-col-img-wrapper {
    width: 26px;
 }
 .counter-col-desc {
    padding-left: 15px;
 }
 .test-result-report-caption {
    font-size: 14px;
    font-weight: 500;
    color: #a2a2a2;
 }
 .test-result-currentvalue {
    color: #333;
    font-size: 16px;
    font-weight: 600;
 }
 .test-result-maxvalue {
    color: #a2a2a2;
    font-size: 14px;
    font-weight: 600;
    padding-top: 3px;
 }
 .cd-result-failed-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width:40px;
    height: 40px;
    border-radius: 50%;
    color:#fff;
    font-size: 50px;
    font-weight: 900;
    background-color: #ff6567;
    margin-top: 20px;
    margin-bottom:30px;
 }
 .st0{fill:#737EE6;}.st1{fill:#F27281;}.st2{fill:#FDBF00;}.st3{fill:#FF9100;}.st4{fill:#FFDA2D;}.st5{fill:#FFA800;}
 @media only screen and (max-width: 767px) {
    .cd-counter-info{
    flex-direction: column;
    align-items: unset;
    }
    .counter-info-col{
    padding:0px;
    border-right: 0;
    }
}
 /* test report ends here */

.context-holder .cert-preview {
    height: 450px;
}
.context-holder .cert-preview img    {
    width: 60%;
    margin-bottom: 0px;
    height: 100%;
    object-fit: contain;
}
.context-holder select.cert-select {
    height: 42px;
    border: 1px solid #d2d2d2;
    padding: 0 20px;
    margin-right: 20px;
    border-radius: 5px;
    text-transform: uppercase;
    color: #000;
}
/***** Lakshmi css *****/
.row.content-delivery-wrapper.curriculam-toggle .curriculam-wrapper .curriculam-container .curriculam .milestone-holder span.milestone span.milestone-icon.assignment-grey {
    background-position: -17px -55px;
}
.row.content-delivery-wrapper.curriculam-toggle .curriculam-wrapper .curriculam-container .curriculam .milestone-holder span.milestone span.milestone-icon.document-grey {
    background-position: -15px -109px;
}
.row.content-delivery-wrapper.curriculam-toggle .curriculam-wrapper .curriculam-container .curriculam .timeline-row:hover .milestone-holder span.milestone span.milestone-icon.assignment-grey {
    background-position: -30px -54px;
}
.row.content-delivery-wrapper.curriculam-toggle .curriculam-wrapper .curriculam-container .curriculam .timeline-row:hover .milestone-holder span.milestone span.milestone-icon.document-grey {
    background-position: -30px -108px;
}

.row.content-delivery-wrapper.curriculam-toggle .curriculam-wrapper .curriculam-container .curriculam .timeline-row:hover .milestone-holder span.milestone span.milestone-icon.quiz-grey {
    background-position: -37px -43px;
}
.row.content-delivery-wrapper.curriculam-toggle .curriculam-wrapper .curriculam-container .curriculam .milestone-holder span.milestone span.milestone-icon.quiz-grey {
    background-position: -18px -43px;
}
.row.content-delivery-wrapper.curriculam-toggle .lecture-wrapper .preview-area.custom-scroller .lecture-holder.quiz-content .context-holder .tabcontent#result .btn-container a.view-report-btn:before {
    content:none;
}
.row.content-delivery-wrapper.curriculam-toggle .lecture-wrapper .preview-area.custom-scroller .lecture-footer-container .lecture-footer .next-lecture span::after {
    left: -2px;
}
.row.content-delivery-wrapper.curriculam-toggle .lecture-wrapper .preview-area .modal-container.lecture-desc-modal .modal-wrap .popup-content .confirm-btn-wrapper.desc-btns {
    padding: 6px 0 30px!important;
}
.row.content-delivery-wrapper .lecture-wrapper .preview-area .lecture-holder.quiz-content .context-holder .tabcontent#instruction .locked-content-info p.headings-altr {
    margin-top: 26px;
    padding-bottom: 4px;
}
.row.content-delivery-wrapper .lecture-wrapper .preview-area .lecture-holder.quiz-content .context-holder .tabcontent#instruction {
    padding: 0 45px 0 55px!important;
}
.row.content-delivery-wrapper.curriculam-toggle .lecture-wrapper .preview-area.custom-scroller .lecture-footer-container .lecture-footer .prev-lecture {
    padding-right: 10px;
}
.row.content-delivery-wrapper .lecture-wrapper .preview-area .lecture-holder.quiz-content .context-holder .btn-container {
    padding-top: 8px;
}
.row.content-delivery-wrapper.curriculam-toggle .lecture-wrapper .preview-area .lecture-holder .st-assign-blk .ast-sub-lst-blk .ast-sub-top-part .ast-sub-btn-holder button.btn.st-assign-btn[disabled] {
    background: #c3c3c3!important;
}
.row.content-delivery-wrapper.curriculam-toggle .lecture-wrapper .preview-area .lecture-holder .context-holder .st-assign-blk .st-assign-header-blk .st-assign-gen-desc-blk#assign-desc-content .st-assign-more-btn-holder .st-assign-more-btn#change-vw:after{
    content: none;
}
.discusion-container .container-fluid .row .discussion-box .profile-area span.disc-options ul.option-menu {
    margin-top: 11px;
}

@media(max-width:991px){
    .row.content-delivery-wrapper .lecture-wrapper .preview-area .lecture-footer-container .footer-right-col .prev-lecture {
        padding-right: 25px;
    }
}
.row.content-delivery-wrapper .lecture-wrapper .preview-area .modal-container.lecture-desc-modal .modal-wrap .confirm-btn-wrapper.desc-btns {
    padding: 6px 0 30px!important;
}
.row.content-delivery-wrapper.curriculam-toggle .lecture-wrapper .preview-area.custom-scroller .lecture-footer-container .lecture-footer .next-lecture {
    padding-left: 12px;
}
.row.content-delivery-wrapper .lecture-wrapper .preview-area .lecture-holder.quiz-content .context-holder .btn-container .view-report-btn:before {
    content: none;
}
.row.content-delivery-wrapper .lecture-wrapper .preview-area .lecture-holder.quiz-content .context-holder .tabcontent#instruction {
    padding: 0!important;
}
.row.content-delivery-wrapper .lecture-wrapper .preview-area .lecture-holder.quiz-content .context-holder .tabcontent#instruction .locked-content-info #dvInstruction ol.header-child-alt {
    padding-left: 15px;
    width: 88%;
    margin: 16px auto 0;
}
@media screen and (min-width: 320px) and (max-width: 480px){
    .context-holder #instruction .read-more {
        width: 100%!important;
        bottom: 0;
        margin: auto;
        left: 0;
    }
}
.row.content-delivery-wrapper.curriculam-toggle .curriculam-wrapper .curriculam-container .curriculam .milestone-holder span.milestone span.milestone-icon.document-green {
    background-position: -30px -108px;
}
.row.content-delivery-wrapper.curriculam-toggle .curriculam-wrapper .curriculam-container .curriculam .milestone-holder span.milestone span.milestone-icon.drop-grey {
    background-position: -15px -90px;
}
.row.content-delivery-wrapper.curriculam-toggle .curriculam-wrapper .curriculam-container .curriculam .timeline-row.completed-curriculam span.curriculam-progress {
    background: #56228e4d;
}

.row.content-delivery-wrapper.curriculam-toggle .curriculam-wrapper .curriculam-container .curriculam .milestone-holder span.milestone span.milestone-icon.video-grey {
    background-position: -14px 2px;
}
.row.content-delivery-wrapper.curriculam-toggle .lecture-wrapper .preview-area .lecture-holder .context-holder .st-assign-blk .st-assign-header-blk .st-assign-gen-desc-blk#assign-desc-content .st-assign-more-btn-holder .st-assign-more-btn#change-vw {
    color: #7248a7;
}
.row.content-delivery-wrapper.curriculam-toggle .lecture-wrapper .preview-area .lecture-holder .context-holder .st-assign-blk .st-assign-header-blk .st-assign-heading {
    font-size: 22px;    
    margin-bottom: 22px;
}

.row.content-delivery-wrapper.curriculam-toggle .lecture-wrapper .preview-area .lecture-holder .context-holder .st-assign-blk .st-assign-header-blk .st-assign-subheading {
    font-size: 18px;
    margin-bottom: 0px;
}
.row.content-delivery-wrapper.curriculam-toggle .lecture-wrapper .preview-area .lecture-holder .context-holder .st-assign-blk .ast-sub-heading {
    margin-bottom: 4px;
}
.row.content-delivery-wrapper.curriculam-toggle .lecture-wrapper .preview-area .lecture-holder .context-holder .st-assign-blk .st-notify-col-parent .st-notify-col .st-notify-icon img {
    width: 35px;
    height: 35px;
}
.row.content-delivery-wrapper.curriculam-toggle .lecture-wrapper .preview-area .lecture-holder .context-holder .st-assign-blk .st-assign-header-blk .st-assign-gen-desc-blk#assign-desc-content .st-assign-more-btn-holder .st-assign-more-btn#change-vw {
    margin: 8px 0;
}
.row.content-delivery-wrapper.curriculam-toggle .lecture-wrapper .preview-area .lecture-holder .context-holder .st-assign-blk .ast-sub-lst-blk .ast-cmnt-bottom-part .ast-comment-blk .ast-comment-wrapper .ast-comment-container .ast-cmnt-date {
    line-height: 14px;
    position:relative;
    top: 1px;
}

.row.content-delivery-wrapper.curriculam-toggle .lecture-wrapper .preview-area .lecture-holder .context-holder .st-assign-blk .ast-sub-lst-blk .ast-cmnt-bottom-part .ast-comment-blk .ast-comment-wrapper .ast-comment-container .ast-comment-top-part .ast-cmnt-user-avatar {
    width: 28px;
    height: 28px;
}

.row.content-delivery-wrapper.curriculam-toggle .lecture-wrapper .preview-area .lecture-holder .context-holder .st-assign-blk .ast-sub-lst-blk .ast-cmnt-bottom-part .ast-comment-blk .ast-comment-wrapper .ast-comment-container .ast-cmnt-content {
        padding-left: 34px;
}
.row.content-delivery-wrapper.curriculam-toggle .lecture-wrapper .preview-area .lecture-holder .context-holder .st-assign-blk .ast-sub-lst-blk .ast-cmnt-bottom-part .ast-comment-blk .ast-comment-wrapper .ast-comment-container .ast-comment-top-part {
    margin-bottom: 3px;
}

.row.content-delivery-wrapper.curriculam-toggle .lecture-wrapper .preview-area .lecture-holder .context-holder .st-assign-blk .ast-sub-lst-blk .ast-cmnt-bottom-part .ast-comment-blk .ast-cmnt-reply-blk {
    cursor: pointer;
    padding-left: 34px;
}
.row.content-delivery-wrapper.curriculam-toggle .curriculam-wrapper .curriculam-head .curriculam-head-title {
    font-size: 20px;
}
.row.content-delivery-wrapper.curriculam-toggle .curriculam-wrapper .curriculam-container .curriculam-title h4 {
    font-size: 18px;
}
.row.content-delivery-wrapper.curriculam-toggle .lecture-wrapper .preview-area .lecture-holder .context-holder .st-assign-blk .ast-sub-lst-blk .ast-cmnt-bottom-part .ast-comment-blk .ast-cmnt-reply-blk .ast-cmnt-wrapper {
    max-width: 100%;
}
.row.content-delivery-wrapper.curriculam-toggle .lecture-wrapper .preview-area .lecture-holder .context-holder .st-assign-blk .ast-sub-lst-blk .ast-cmnt-bottom-part .ast-comment-blk .ast-cmnt-reply-blk .ast-cmnt-btn-blk {
    text-align: right;
    display: flex;
    flex-direction: row-reverse;
}

.row.content-delivery-wrapper.curriculam-toggle .lecture-wrapper .preview-area .lecture-holder .context-holder .st-assign-blk .ast-sub-lst-blk .ast-cmnt-bottom-part .ast-comment-blk .ast-cmnt-reply-blk .ast-cmnt-btn-blk button.ast-cancel-btn {
    margin-left: 0;
    margin-right: 15px;
}
.curriculam-toggle .lecture-wrapper .ast-edit-section .edt-sub-content-area .edt-sub-right-part .ast-doc-lst-wrapper .doc_container {
    padding: 7px 0;
    border-bottom: 1px solid #eee;
}
.curriculam-toggle .lecture-wrapper .ast-edit-section .edt-sub-content-area .edt-sub-right-part .ast-doc-lst-wrapper .doc_container .doc_descrip-blk {
    border-bottom: none;
}
.curriculam-toggle .lecture-wrapper .ast-edit-section .edt-sub-content-area .edt-sub-right-part .ast-doc-lst-wrapper .doc_container .document-iconblk img.document-icon  {
    min-width: 25px;
    max-width: 100%;
    min-height: 25px;
    max-height: 100%;
}
.curriculam-toggle .lecture-wrapper .ast-edit-section .edt-sub-content-area .edt-sub-right-part .ast-doc-lst-wrapper .doc_container .doc_descrip-blk .doc_descrip span.doc-name {
    position: relative;
    top: 2px;
}
@media(max-width:1024px){
    .row.content-delivery-wrapper.curriculam-toggle .curriculam-wrapper .curriculam-head .exit-button {
        background: #ea4335;
    }
}