* {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    word-wrap: anywhere;
    word-break: break-word;
}

button:focus,
a.btn:focus,
span>svg:focus,
img {
    outline: none;
}

.splashPageBackground {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% 0 !important;
    position: fixed;
    border-radius: 12px;
}

.sidebar ul,
.sidebar ol {
    padding-left: 15px;
    color: inherit;
    list-style-position: inside;
    margin-bottom: 15px;
}

.pgCounter #pgCounter,
.pgCounter #pgReturnCounter {
    font-size: 20px;
    top: 2px;
    font-weight: 500;
    padding: 0;
    position: absolute;
    width: 100%;
    left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: block;
    font-size: 100% !important;
    margin-top: 3%;
}

.fontIncrement img {
    max-width: 29px;
}

.moduleNameContainer {
    min-height: 75px;
}

.moduleStatusIcon {
    padding: 15px 0;
}

.row-flex-wrap {
    -webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex: 0;
}

.carousel-control .icon {
    height: 18px;
    width: 18px;
    top: 5px;
    position: relative;
    left: 2px;
}

.carousel-control .icon.icon-arrow-left-12 {
    left: -3px;
}

.tab-template .icon-arrow-down-12 {
    display: none;
}

.carousel-control-left {
    left: 0px;
    width: 58px;
    position: relative;
}

.carousel-control-right {
    right: 0px;
    width: 58px;
    position: relative;
}

.returnToQueIns{padding-top: 5px;}


/*.row-flex > div[class*="col-"], .container-flex > div[class*="col-"] {
    margin: -.2px;
}*/

.row-flex,
.row-flex>div[class*="col-"] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 1 auto;
}

.bodyWrapper {
    width: 100%;
    position: absolute;
    height: 100%;
    right: 0;
    left: 0;
    overflow-y: hidden;
    height: auto;
    min-height: 100%;
}

.fRight {
    float: right;
}

.fLeft {
    float: left;
}

.textCenter {
    text-align: center;
}

.noPadding {
    padding: 0 !important;
}

.noMargin {
    margin: 0;
}

.textRight {
    text-align: right;
}

.textLeft {
    text-align: left;
}

.textJustify {
    text-align: justify;
}

.textCenter {
    text-align: center;
}

.font-light {
    font-weight: 200;
}

.font-normal {
    font-weight: 300;
}

.font-bold {
    font-weight: 800;
}

.marginTopBottom10 {
    margin: 10px 0px;
}

.paddingTop6 {
    padding-top: 6px;
}

.marginTop20 {
    margin-top: 20px;
}
.marginTop50 {
    margin-top: 40px !important;
}

.marginBottom20 {
    margin-bottom: 20px;
}

.marginBottom30 {
    margin-bottom: 30px;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginBottom40 {
    margin-bottom: 40px;
}

.paddingTop10 {
    padding-top: 10px;
}

.paddingTopBottom10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.paddingTopBottom20 {
    padding: 20px 15px;
}

.paddingBottom10 {
    padding-bottom: 10px;
}

.paddingBottom20 {
    padding-bottom: 20px;
}

.fNone {
    float: none;
}

.Padding20 {
    padding: 20px;
}

.Padding15 {
    padding: 15px;
}

.lPad0 {
    padding-left: 0px;
}

.rPad0 {
    padding-right: 0px;
}

.tPad0 {
    padding-top: 0px;
}

.bPad0 {
    padding-bottom: 0px;
}

.label {
    vertical-align: middle;
    font-size: 100%;
}

.lightTopMargin {
    margin-top: 5px;
}

.pad1020 {
    padding: 10px 20px;
}

.pad0 {
    padding: 0px;
}

.pad05 {
    padding: 0 5px;
}

img {
    width: auto;
    max-width: 100%;
    border-radius: 6px;
}

.clsflipcards img {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.clssequential img {
    border-radius: 0px;
}

.clshotspotSm img {
    border-radius: 0px;
}

.fWidth {
    width: 100%;
}

.header {
    font-size: 22px;
}

.nextPage {
    cursor: pointer;
    width: 67%;
    max-width: 95px;
    border-radius: 4px;
    height: 28px;
    color: #000;
}

.prevPage {
    cursor: pointer;
    width: 67%;
    max-width: 95px;
    border-radius: 4px;
    height: 28px;
}

.modal-content .close {
    outline: 0;
    margin-top: 0px;
}

.modal-content .close .icon {
    outline: 0;
}

.hideTranscript {
    z-index: 10;
}

.hideTranscript {
    cursor: pointer;
    position: absolute;
    width: 48px;
    height: 48px;
    background: #111a20 !important;
    border-radius: 0 0 10px 10px;
    left: 0;
    padding: 16px 8px 8px 8px;
    bottom: 0;
    display: none;
}

.transcriptLayer {
    padding: 0px 24px 24px 24px;
}

.transcriptLayerWrap h2 {
    padding: 24px 24px 12px;
    margin-bottom: 0;
}

.disablePrev {
    cursor: default !important;
    opacity: 0.3;
}

.disableNext {
    cursor: default !important;
    opacity: 0.3;
}

.loadingContainer {
    position: fixed;
    top: 0px;
    bottom: 0px;
    z-index: 999;
    left: 0px;
    right: 0px;
    background-color: rgba(1, 1, 1, 0.8);
}

.loadingContainer span {
    color: rgb(255, 255, 255);
    font-size: 30px;
    top: 48%;
    left: 48%;
    position: absolute;
    width: 50px;
}

.footer .colorWhite {
    color: #000 !important;
}

.modal-header .close {
    opacity: 1;
    color: #ffffff;
    text-shadow: none;
    position: absolute;
    right: 0;
    background: #fff;
    bottom: -1px;
    padding: 9px 14px 13px 14px;
    border-radius: 6px 6px 0 0px;
}

.modal-header .close:before {
    content: " ";
    width: 21px;
    height: 17px;
    position: absolute;
    bottom: -2px;
    left: -13px;
    background: radial-gradient(circle at top left, transparent 15px, #ffffff 0px);
}

.topPannelReturnToQue{
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px !important;
}

.hideTranscript:before {
    content: " ";
    width: 14px;
    height: 15px;
    position: absolute;
    top: 7px;
    left: 46px;
    background: radial-gradient(circle at bottom right, transparent 15px, #0f171d 0px);
}

.hideMenuSlide:before {
    content: " ";
    width: 14px;
    height: 15px;
    position: absolute;
    top: 31px;
    left: 42px;
    background: radial-gradient(circle at top right, transparent 15px, #0f171d 0px);
}

.alert .close {
    color: #a94442;
    opacity: 1;
    text-shadow: 0 1px 0 #a94442;
    position: absolute;
    right: 4px;
    font-size: 14px;
    padding: 4px;
    top: 2px;
    font-weight: 900;
}


/*Footer Design*/

.footer {
    position: absolute;
    bottom: 0;
    padding: 10px 0px;
    height: 20px;
    width: 100%;
    color: #FFF;
    vertical-align: middle;
    left: 0;
    background-color: #2c3a47;
}

.clickable {
    cursor: pointer;
}

.footer .clickable .label {
    display: inline-block;
}

.footer .label {
    padding: 10px;
}


/*Header Design*/

.header {
    padding: 10px 0px 5px 0;
    position: sticky;
    top: 0;
    width: 100%;
     z-index: 1; 
    /* background-color: #2c3a47; */
    /* margin-bottom: 10px; */
    visibility: hidden;
    max-height: 56px;
    min-height: 56px;
    /* overflow: hidden; */
}


/*Content Design*/

.content {
    height: auto;
    padding-left: 0px;
    padding-right: 0px;
}

.outer {
    height: auto;
    min-height: 100%;
    /*visibility:hidden;*/
    position: relative;
}

.content ul,
.content ol {
    color: #2c3a47;

    list-style-position: outside;
}

#contentBlock ol.carousel-indicators {
    left: 0%;
    width: 100%;
    margin: 0;

}

.titleBar {
    margin: 0px 0;
    margin-top: 30px;
}

#quizModal .titleBar,
#singleSelectModal .titleBar,
#multipleSelectModal .titleBar {
    margin-top: 15px;
}

.menu-item-container .titleBar {
    cursor: pointer;
    padding: 10px;
}

.icon-reload {
    color: #FC5700;
}

.icon-checkmark {
    color: #ffff01;
}

.icon-power-button {
    color: #00BFFF;
}

.custom-menu .navBar span {
    cursor: pointer;
}


/*Paragraph Block Settings*/

.block {
    box-shadow: 0px 0px 6px #222222;
    background-color: #555555;
    padding: 10px;
    border-radius: 12px;
    margin: 10px 0px;
}

.block>p {
    padding: 10px;
}

.imgContainer {
    float: none;
    margin: 0 auto;
}

.customCoursel {
    position: relative;
    float: left;
    width: 100%;
}

.leftControls {
    left: 0;
}

.rightControls {
    right: 0;
}

.floatMiddle {
    float: none;
    margin: 0 auto;
}

.floatNone {
    float: none;
    margin: 0 auto;
}

.panel-title {
    width: 100%;
}

.panel-title a,
.panel-title>div {
    width: 100%;
    text-decoration: none;
    outline: 0;
    display: block;
    font-size: 18px;
    
}

#contentBlock .panel-title a,
#contentBlock .panel-title>div {
    padding: 15px;
}

.panel-body {
    border: none;
}

.panel-default>.panel-heading.panelTitleHighlight {
    color: #000;
    border: 2px solid #ffff01;
    background-color: #FFFF01;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
}

.panel-default>.panel-heading.panelTitleHighlight>.panel-title {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}

.panelHighlight {
    position: relative;
    z-index: 10;
}

.panelBodyHighlight {
    border-radius: 10px;
    background-color: #FFFF01;
    color: #000;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panelBodyHighlight>.panel-body {
    padding-top: 5px;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none;
}

.panel-group .panel+.panel {
    margin-top: 0px;
}

.panel-heading {
    padding: 10px 16px;
}

.pageContent {
    /* display: table; */
}

.pageContent .verticalTabContent {
    right: 0;
    overflow: hidden;
    top: 0;
    bottom: 0;
    min-height: 310px;
    border-radius: 0 6px 6px 0;
    background: #fff;
}

.pageContent .tab-content {
    padding: 20px;
}

.pageContent .tabs-left {
    border: none;
    padding: 0;
}

.pageContent .tab-pane .tabContent,
.pageContent .pseudoAccordion.active .tabContent {
    padding: 0px 5px;
}

.pseudoAccordion .tabContent div:last-child {
    /* margin-bottom: 10px; */
}

.pageContent .pseudoAccordion.active .tabContent {
   /*  text-align: center; */
    word-break: break-all;
}

.pseudoAccordion .tabContent div:first-child p,
.pseudoAccordion .tabContent div:first-child h4,
.pseudoAccordion .tabContent:first-child h4 {
    text-align: left;
}

.pageContent .pseudoAccordion.active .tabContent .tab-img {
    padding: 0;
}


/*Sequence Builder*/


/*.sequenceBuilder {
    height: 100%;
}*/

.imgBorder svg {
    fill: #ffffff;
}

.sequenceBuilder .panel-heading {
    color: #67EE6D;
    word-wrap: break-word;
}

.imgBorder {
    position: relative;
    padding: 40px;
    cursor: pointer;
}

.sequenceBuilder .panel-default {
    background: none;
    border: none;
    box-shadow: none;
}

.sequenceBuilder .panel-default>.highlighter {
    border-radius: 12px;
}
.text_sequence_buildup.panel-default.sequence_buildup .panel-heading.seq-tab-title h3{display: table-cell;
  vertical-align: middle;height: 57px;}
.text_sequence_buildup.panel-default.sequence_buildup .panel-heading.seq-tab-title {
   min-height: 71px;
    padding: 10px 18px;
}
.text_sequence_buildup .panel-default {
    height: auto;
    max-height: auto;
}
.image_sequence_buildup.sequence_buildup {max-height:590px}
/* .sequence_buildup.image_sequence_buildup .panel-body .titleDescription {max-height: 130px;  min-height: 130px;} */
.image_sequence_buildup.sequence_buildup .mce-content-body {  min-height: 92px;
    padding-bottom: 0px;
    max-height: 116px;
    overflow: auto;
}
.sequenceBuilder .highlighter {
    min-height: 409px;padding-bottom: 15px;max-height: 459px;
     overflow-y: auto;
     
}
.image_sequence_buildup.sequence_buildup .mce-content-body.panel-heading{min-height: 43px;
    padding: 10px;}
.image_sequence_buildup.sequence_buildup .mce-content-body.panel-heading h3{
        /*display: table-cell;*/
    vertical-align: middle;
  /*  height: 34px;*/
  margin: 0;
}
.text_sequence_buildup .mce-content-body{
    overflow-y: auto;
   /*  max-height: 360px;  */
}
.sequenceBuilder .panel-default:first-child {
    /* padding-left: 0; */
}

.sequenceBuilder .panel-default {
    display: none;
    padding: 0px 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    /*margin: 0px 1.3% 30px 1.3%;*/
    /* margin-bottom: 30px; */
    /*width: 30.6%;*/
    
}

.sequenceBuilder .panel-default:last-child {
    /* margin-bottom: 25px; */
}

.sequenceBuilder .row:first-child .panel-default:first-child {
    display: block;
}

.sequenceBuilder .row {
    padding: 20px;
}

.sequenceBuilder .nextSequenceLeft:hover,
.sequenceBuilder .nextSequenceBottom,
.sequenceBuilder .nextSequenceDown:hover {
    cursor: pointer;
}

.sequenceBuilder .nextSequenceLeft:hover,
.sequenceBuilder .nextSequenceLeft1:hover,
.sequenceBuilder .nextSequenceBottom,
.sequenceBuilder .nextSequenceDown:hover,
.sequenceBuilder .nextSequenceRight:hover {
    cursor: pointer;
}

.sequenceBuilder .nextSequenceBottom {
    position: absolute;
    top: 100%;
    color: #67EE6D;
    left: 50%;
    display: none;
}

.pageContent .btn.btn-default,
.pageContent .btn.btn-default:hover,
.pageContent .btn.btn-default:active,
.pageContent .btn.btn-default:focus {
    outline: none;
    border: 0;line-height: 26px;
}

.feedbackbutton .submitBtnContainer .btn,
.feedbackbutton .submitBtnContainer .btn.btn-default:hover,
.feedbackbutton .submitBtnContainer .btn.btn-default:active {
    width: 100%;
}


/* entire container, keeps perspective */

.flip-container {
    perspective: 1000px;
    margin-bottom: 10px;
    padding-left: 0;
}


/* flip the pane when hovered */

.flip-container.hover .flipper {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}


/* flip speed goes here */

.flipper {
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    min-height: 220px;
    position: relative;
    cursor: pointer;
}


/* hide back of pane during swap */

.front,
.back {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    position: relative;
    top: 0;
    left: 0;
}

.ie .front,
.ie .back {
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
}

.edge .front,
.edge .back {
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
}


/* front pane, placed above back */

.front {
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    /*height: 220px;*/
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    position: relative;
}

.front>div.demo {
    display: inline-block;
    text-align: center;
}


/* back, initially hidden pane */

.back {
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    text-align: left;
    z-index: 3;
    overflow: auto;
    width: 100%;
    min-height: 241.6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #fff;
}


/*Vertical Tabs List*/

.nav-tabs.tabs-left>li>a {
    border-radius: 6px 0 0px 6px;
    padding: 8px 15px 8px 15px;
}

.pseudoAccordion {
    display: none;
}

.nav-tabs>li {
    width: 100%;
    margin-bottom: 7px;
}

.nav-justified>li {
    width: 100%;
    margin-bottom: 7px;
}

.nav-tabs.tabs-left .active a:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
    border-color: rgba(136, 183, 213, 0);
    border-width: 25px;
    margin-top: -25px;
}

.nav-tabs.tabs-left .active a.iPad:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
    border-color: rgba(136, 183, 213, 0);
    border-width: 24px;
    margin-top: -24px;
}

.tabs-left>li>a.noBorderRadius {
    border-radius: auto;
}

.pseudoAccordion.active {
    margin-bottom: 3px;
}

.pseudoAccordion>p {
    color: #333;
}

.right-menu-style {
    display: block;
}

.down-menu-style {
    display: none;
}

.tabLength {
    vertical-align: middle;
}

.vtabLength {
    vertical-align: middle;
}

.pageContent .btn-default,
.pageContent .btn-default:hover,
.pageContent .btn-default:active {
    border: 1px solid transparent;
    min-width: auto;
    border-radius: 0;
    text-transform: uppercase;
}

.pseudoAccordion {
    display: none;
}

.nav-tabs.nav-justified>li {
    padding: 0px 5px;
    margin-bottom: 10px;
    /* width:100%; */
    margin-bottom: 7px;
}

.nav-tabs.nav-justified>li:first-child {
    padding-left: 0;
}

.nav-tabs.nav-justified>li:last-child {
    padding-right: 0;
}

.pseudoAccordion.active {
    margin-bottom: 3px;
    float: left;
    transition-property: all;
    transition-duration: .5s;
    width: 100%;
    padding-top: 15px;
    border-radius: 0 0 6px 6px;
    background-color: #fff;
}

.pseudoAccordion>p {
    color: #333;
}

#hotspotSmCircleModal .modal-content {
    overflow-y: auto;
    overflow-x: hidden;
    /* border-radius: 6px; */
}

#hotspotModal .modal-header .close {
    pointer-events: visible;
    outline: 0;
}

#hotspotModal {
    pointer-events: none;
}

.hotspotContainerCircle {
    width: 100%;
    position: relative;
    cursor: pointer;
}

.hotspotSearchCircle .glyphicon {
    position: absolute;
    color: #000;
    cursor: pointer
}

.hotspotContainerSquare {
    position: relative;
    padding-bottom: 10px;
}

.hotSpotSquare {
    font-size: 18px;
    position: absolute;
    right: 5px;
    bottom: 10px;
    padding: 16px;
    border-radius: 36px;
    background-color: #FFFF01;
}

.hotSpotSquare .glyphicon {
    position: absolute;
    top: 7px;
    left: 7px;
    color: #000;
    cursor: pointer;
}

.contentCards .leftCardContent {
    background-color: #000;
    padding: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #fff;
    border-right: none;
}

.cardComplete .progress-bar {
    background-color: #ffff01;
}

.cardInProcess {
    color: #FC5700;
}

.cardLocked {
    color: #fff;
}

.contentCards .leftCardContent.cardNotStarted {
    color: #00BFFF;
}

.cardComplete {
    color: #000;
}

.contentCards .rightCardContent {
    background-color: #000;
    color: #FFF;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px;
    border: 1px solid #fff;
    border-left: none;
}

.contentCards .rightCardContent .topicCount {
    color: #ffff01;
}

.contentCards {
    display: table-cell;
    border-radius: 10px;
    margin-bottom: 10px !important;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.contentCards .row {
    margin: 0;
    line-height: 1.85;
}

.contentCards .leftCardContent .moduleStatusIcon {
    line-height: 1;
    font-size: 44px;
}

.contentCards .moduleStats {
    font-size: 12px;
}

.contentCards .progress {
    height: 2px;
    border-radius: 10px;
    background-color: #d2dce5;
    margin-bottom: 0;
    margin-top: 0;
}

.contentCards .moduleName {
    line-height: 1.4;
    margin-bottom: 5px;
}

.contentCards .moduleTime {
    margin-top: 5px;
}

.contentCards .moduleTime .icon,
.contentCards .moduleTime .moduleDuration,
.timer .icon {
    float: left;
    position: relative;
}

.contentCards .moduleTime .icon {
    padding: 6px 6px 6px 0;
}

.timer .icon {
    /* padding: 2px 6px 6px 0; */
}

.contentCards .moduleTime .glyphicon {
    top: 4px;
    font-size: 18px;
}

.pageContent .contentCards .btn-default {
    padding: 7px;
}

.contentCards .thumbnail {
    position: relative;
    padding: 0px;
    margin: 0 auto;
    width: 100%;
    /*min-height: 314px;*/
    background: #fff;
    border-radius: 6px;
    border: 0;
}

.contentCards img {
    border-radius: 6px 6px 0 0;
}

.glyphicon-arrow-right {
    left: 100px;
}

.glyphicon-arrow-left,
.glyphicon-arrow-right {
    padding: 15px;
}

.glyphicon-arrow-left {
    left: -100px;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    margin: auto !important;
}

.carousel-control {
    bottom: auto;
    left: auto;
    width: auto;
    z-index: 1;
}

.carousel-inner p {
    margin: auto;
    visibility: hidden;
}

.carousel-inner .demo.main-slide {
    float: none !important;
    margin: 0 auto;
    margin-bottom: 55px;
    text-align: center;
}

.carousel-control .icon.icon-right-arrow {
    background-color: #ffff01;
    color: #000;
}

.carousel-control .icon.icon-left-arrow {
    background-color: #ffff01;
    color: #000000;
}

.carousel-control {
    text-shadow: none;
}

.carousel-control {
    opacity: 1;
    position: absolute;
    top: 54%;
    display: block;
    margin-top: -1em;
    border-radius: 50%;
    height: 40px;
    width: 40px;
}

.carousel-caption {
    position: relative;
    left: auto;
    right: auto;
}

.carousel-control .icon-right-arrow {
    right: 50%;
    margin-right: -10px;
    font-size: 25px;
    line-height: 20px;
}

.carousel-control .icon-left-arrow {
    left: 50%;
    margin-left: -10px;
    font-size: 25px;
    line-height: 20px;
}

.carousel-control .icon-left-arrow,
.carousel-control .icon-right-arrow {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.quizTopic.disabled {
    opacity: 0.6;
}

.disabled {
    opacity: 0.4;
    cursor: default;
    pointer-events: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.singleSelect .question,
.multipleSelect .question,
.singleSelect .instruction,
.multipleSelect .instruction {
    margin-bottom: 0px;
    background-color: #000;
    border: 2px solid #fff;
    color: #FFFFFF;
    width: 98%;
    margin: 0 auto;
    float: none;
    padding: 10px;
    border-radius: 12px 12px 0 0;
    -moz-border-radius: 12px 12px 0 0;
    -webkit-border-radius: 12px 12px 0 0;
}

.singleSelect .instruction,
.multipleSelect .instruction {
    font-style: italic;
    border-radius: 0 0 12px 12px;
    -moz-border-radius: 0 0 12px 12px;
    -webkit-border-radius: 0 0 12px 12px;
}

.singleSelect .options ul,
.multipleSelect .options ul {
    list-style-type: none;
    margin-top: 0px;
    paddingleft: 0px;
}

.modal-body .hideFeedback {
    position: absolute;
    float: right;
    right: 3%;
    margin-top: 15px;
    padding: 5px;
    cursor: pointer;
    display: none;
}

.singleSelect input.css-checkbox[type="radio"]+label.css-label.cb0 {
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: auto;
    line-height: 26px;
    padding-left: 41px;
    vertical-align: middle;
    width: 100%;
}

.singleSelect,
.multipleSelect {
    padding: 0;
}

.singleSelect label.css-label.cb0 {}

.singleSelect .btn-default,
.multipleSelect .btn-default {
    border: none;
    padding: 5px 20px;
    /* width: 108px; */
    border-radius: 0px 0 12px 12px;
}

.singleSelect .btn-default,
.singleSelect .btn-default:hover,
.singleSelect .btn-default:focus,
.multipleSelect .btn-default,
.multipleSelect .btn-default:hover,
.multipleSelect .btn-default:focus,
#InsertionModal .submitBtnContainer .btn,
#InsertionModal .submitBtnContainer .btn:hover,
#InsertionModal .submitBtnContainer .btn:focus {
    border-radius: 50px;
}

.submitBtnContainer {
    margin: 0px auto;
    padding: 15px 25px;
    background: transparent;
    border-radius: 0 0 6px 6px;
    text-align: right;
}

.modal .submitBtnContainer {
    /* background: #fff; */
}

.modal-body.sortable-modal {
    padding: 0;
}

.sortable-modal .feedbackContent {
    text-align: left;
}

#sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#sortable li {
    margin: 5px 0px;
    padding: 5px 15px;
    height: auto;
    float: none;
    border-radius: 6px;
    border: 2px solid transparent;
    cursor: move;
    position: relative;
}

.ui-state-default {
    background: #edf2f6;
}

.ui-state-highlight {
    background-color: #282828;
    width: inherited;
}

.glyphicon-resize-vertical {
    color: #67EE6D;
    display: inline-block;
    float: left;
    line-height: 1.2em;
    right: 20px;
}

#singleSelectModal .modal-body.container-fluid,
#multipleSelectModal .modal-body.container-fluid,
#quizModal .modal-body.container-fluid,
#InsertionModal .modal-body.container-fluid {
    padding: 0;
    min-height: auto;
    overflow: hidden;
    border-radius: 0px 0px 6px 6px;
    /* background: #fff; */
}

/* .inversion #singleSelectModal .modal-body.container-fluid,
.inversion #multipleSelectModal .modal-body.container-fluid,
.inversion #quizModal .modal-body.container-fluid,
.inversion #InsertionModal .modal-body.container-fluid {
    background: #000;
} */
#singleSelectModal .modal-body .imageHolder,
#multipleSelectModal .modal-body .imageHolder,
#quizModal .modal-body .imageHolder {
    color: #333333;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#singleSelectModal .modal-body .feedbackContent .submitBtnContainer p,
#multipleSelectModal .modal-body .feedbackContent .submitBtnContainer p,
#quizModal .modal-body .feedbackContent .submitBtnContainer p {
    text-align: left;
    min-height: 75px;
    padding-top: 10px;
}

.header .volumeRocker {
    margin-top: 2.5px;
}

.header .volumeMute {
    margin-top: 2.5px;
}

.hotSpotSquare .glyphicon-search {
    cursor: pointer;
}

.hotspotSearchCircle .glyphicon-search {
    cursor: pointer;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 15px;
    margin-bottom: 10px;
}

h4{margin-top: 20px;}

.footer .alert {
    position: absolute;
    bottom: 50px;
    right: 4px;
    margin-left: 4px;
    margin-bottom: 0;
}

#contentBlock .alert {
    position: absolute;
}

.alert-text {
    margin-top: 7px;
    position: relative;
    float: left;
}

.footer .opaqueBg {
    position: absolute;
    bottom: 55px;
    right: 10px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -mos-border-radius: 10px;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
}

.opaqueBg {
    -moz-animation-duration: 4s;
    -moz-animation-delay: 0.2s;
    -moz-animation-iteration-count: 1;
    -webkit-animation-duration: 4s;
    -webkit-animation-delay: 0.2s;
    -webkit-animation-iteration-count: 1;
}

.nextSequenceLeft,
.nextSequenceBottom,
.nextSequenceDown {
    -moz-animation-duration: 5s;
    -moz-animation-delay: 0.2s;
    -moz-animation-iteration-count: 2;
    -webkit-animation-duration: 5s;
    -webkit-animation-delay: 0.2s;
    -webkit-animation-iteration-count: 2;
}

.glyphicon-plus-sign {
    font-size: 22px;
}

.splashPage h2 {
    padding: 10px 0;
}

.splashPage {
    height: 100%;
    display: inline-table;
}

.noMargin {
    margin: 0px;
}

.splashPage .titleDescription {
    padding: 0 0px;
}

.titleDescription {
    color: #2c3a47;
}

.footer .courseProgressDisplay {
    text-align: right;
}

.videoPodcast p {
    color: #FFFFFF;
}

.colorGreen {
    color: #67EE6D;
}

.customVideoCtrl {
    position: absolute;
    width: 100%;
    bottom: 10px;
    color: #FFF;
    font-size: 15px;
}

.customVideoCtrl .glyphicon {
    font-size: 15px;
}

.transparentWrapper,
.Pop_overlay {
    background: #000;
    opacity: 0.4;
    z-index: 99;
    bottom: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}

.Pop_overlay {
    position: absolute;
    display: none;
    z-index: 9;
}

.switch {
    position: relative;
    display: inline-block;
    height: 19px;
    margin-top: 10px;
    border-radius: 8px;
    border: none;
    top: 1px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
    border: 2px solid;
    height: 17px;
    width: 17px;
    z-index: 1;
    right: -12px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    bottom: -2px;
    -webkit-transition: .4s;
    transition: .4s;
    z-index: 0;
}

input:checked+.slider {
    background-color: #252525;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

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

.mediPlayer .controls {
    cursor: pointer;
}

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

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

.audioWrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 50;
    background-color: #111111;
    opacity: 0.8;
    display: none;
}

img.audio-wrapper-play {
    position: fixed;
    top: 42%;
    left: 43%;
    z-index: 999;
    display: none;
}

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background-color: #555;
    color: #FFF;
    background-repeat: no-repeat;
    background-position: 97% 20px;
    -webkit-appearance: none;
    color: #FFF;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -khtml-transition: all 0.3s ease-out;
    width: 100%;
    border: none;
    padding: 10px 5px;
}

select option {
    padding: 5px 10px;
}

.nextPage .label {
    display: inline-block;
}

.transcriptLayerWrap {
    display: none;
    position: absolute;
    top: 0;
    height: 100%;
    overflow: auto;
    text-align: left;
    width: 20%;
    max-width: 100%;
    min-width: 25%;
    left: 0;
    z-index: 999;
    background-color: #ffffff;
    margin: 15px;
    border-radius: 0px 0px 0px 6px;
}

.modal-header {
    border: 2px solid #000;
}

.modal .modal-dialog .modal-content .modal-header {
    left: 0px;
    position: relative;
    width: 100%;
    background: #1c2935;
    border-radius: 6px 6px 0 0;
}

.modal .modal-dialog .modal-content .modal-header h2 {
    color: #fff;
    margin-bottom: 5px;
}

.disableReviewBtn {
    cursor: default !important;
    background-color: #252525 !important;
    color: #9f9f9f !important;
}

.disableReviewBtn:hover {
    color: #9f9f9f !important;
}

.colloapse-delete {
    display: none;
}

.colloapse-edit {
    display: none;
}

.click-here {
    display: none;
}

.text-temp-delete-btn {
    display: none;
}

.sequence {
    display: none;
}

.slide-delete {
    display: none;
}

/*.carousel-inner {
    text-align: center;
}*/

.carousel-inner p {
    visibility: visible;
}

.delete_sortable {
    display: none !important;
}

.tab-delete {
    display: none;
}

.tab-row-delete {
    display: none;
}

.editable.tab-para {
    color: #333;
}

.panelBodyHighlight {
    width: 100%;
}

.panel-collapse {
    width: 100%;
}

.panel-collapse .tPd0 {
    padding-top: 15px;
}

.contentCards .linear-gradient {
    font-weight: bold;
    padding: 6px;
}

.disabled .noBackgroundImage .linear-gradient {
    padding: 6px;
}

.timer span.glyphicon-time,
.topicDuration span.glyphicon {
    top: -2px;
}

.topicDuration span.durationText {
    font-weight: normal;
    margin-left: 5px;
}

.contentCards .topicStatus {
    text-transform: uppercase;
    font-weight: bold;
    padding: 0px 0px;
}

.contentCards .statusImage {
    font-weight: bold;
    vertical-align: middle;
    float: right;
}

.progress {
    position: absolute;
    width: 100%;
    border-radius: 10px;
    left: 0px;
    height: 1px;
    padding: 0px;
    margin-top: 17px;
    z-index: 1;
}


/******* for Accordian **********/

.accordion .panel-default {
    margin-bottom: 10px;
    background-color: transparent;
}

.accordion .panel {
    box-shadow: none;
}

#contentBlock .panel-group .panel-heading {
    padding: 0;
}

.imageTitle {
    margin-top: 0px;
}


/** For Numbered List **/

.number {
    max-width: 30px;
    max-height: 30px;
    height: 30px;
    text-align: center;
    border-radius: 20px;
    line-height: 30px;
}


/******** For HotSpot *************/

.hotspotCircleContainerImage {
    width: 200px;
    height: 200px;
    /* position: relative; */
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
}

.hotspotContainerImage img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
    cursor: pointer;
    border: 1px solid #ccc;
}

.parentContainer {
    padding: 0px;
    padding-bottom: 0;
    margin: 0 auto;
    float: left;
    width: 100%;
    height: 487px;
}

.modal-dialog {
    top: 20%;
    border: none;
}

.modal-header {
    border: none;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-right: 60px;
}

.modal-header h3.modal-title {
    min-height: 33px;
}

.modal-body {
    padding-bottom: 10px;
    padding-top: 0px;
}

.carousel-control .glyphicon-chevron-right {
    right: 0%;
}

.carousel-control .glyphicon-chevron-left {
    left: 0%;
}

.hotspotSearchCircle {
    position: absolute;
}

.hotspotSearchSquare {}


/********** Squence Build***********/

.highlighter .panel-body img {
    display: none;
}

.highlighter .panel-heading {
    visibility: hidden;
    padding-bottom: 0;
    margin-bottom: 0;
}

.highlighter .panel-heading h3 {
    font-weight: bold;
}

.highlighter .panel-body p {
    visibility: hidden;
}


/**********For Horizontal Tabs ***********/

.pageContent .pseudoAccordion.active h4 {
    font-size: none;
    margin-top: 0px;
}

.horizontalTabContent {
    min-height: 310px;
    overflow-y: hidden;
    position: relative;
    border-radius: 12px;
}

.nav-tabs.nav-justified>li>a {
    border: none;
    margin: 0;
    border: 0;
    text-align: left;
}


/******************* Vertical Tabs **********/

.min-height-305 {
    min-height: 250px;
}

.vTabs {
    padding-left: 30px;
}

.flipBtnContainer .flip,
.flipBtnContainer .flip:hover {
    width: 100%;
    box-shadow: none;
    min-height: 40px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


/********** FOR Assesment ************/

.finishedAttempts h1 {
    margin-bottom: 45px;
}

.titleDescription.finishedAttempts {
    text-align: center;
    /*min-height: 300px;*/
}

.optionHolder li label.css-label {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 0px;
}

.singleSelect .options,
.multipleSelect .options {
    padding: 0px;
    border: none;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
}

.multipleSelect label.css-label.cb0,
.singleSelect .options ul li label {
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: auto;
    padding-left: 42px;
    vertical-align: middle;
    width: 100%;
    padding-right: 5px;
    float: left;
}

.text-FeedBack {
    margin-top: 0px;
    font-weight: bold;
    word-break: break-all;
    margin-bottom: 0px;
    font-size: 20px;
}

.feedbackbutton {
    padding: 0px;
    margin: 0px;
    text-align: right;
}

.multipleSelect .modal .modal-content .modal-body .submitBtnContainer .btn-default {
    width: 100%;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.singleSelect .modal .modal-content .modal-body .submitBtnContainer .btn-default {
    width: 100%;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#submitBtn.disabled .submitAssesment {
    cursor: default;
}

#submitBtn {
    bottom: 5px;
}

.submitAssesment {
    cursor: pointer;
    min-width: auto;
    min-height: auto;
    border-radius: 50px;
    height: auto;
    padding:9px 20px 8px 20px;
    color: #fff;
}

.multipleSelect .options {
    padding-top: 0px;
    padding-left: 0px;
}

.TopicCpation {
    pointer-events: none;
}

.contentCards.TopicTemplate.InProgress {
    cursor: pointer;
}

.contentCards.Completed {
    cursor: pointer;
}

.disabled .linear-gradient {
    cursor: default;
}

#info {
    vertical-align: middle;
    top: 50px;
    position: relative;
    width: 270px;
    margin: 0 auto;
}

.numberChild {
    padding: 20px;
    list-style: none;
    position: relative;
    margin-bottom: 10px;
}

.textImageCenter img {
    /* max-height: 330px; */
    display: inline-block;
}

.carousel-indicators .active {
    margin: 0px 5px;
}

.carousel-indicators li {
    height: 12px;
    width: 12px;
    margin: 0 5px;
}

#myCarousel p {
    text-align: left;margin-bottom: 10px;
}

.carousel-inner .item .slideImgWrap {
    height: 400px;
}

.carousel-inner .item img {
    display: inline-block;
    margin: 0 auto;
    /*max-height: 348px;
    max-width: 500px;*/
}

.DisabledTopic {
    opacity: 0.5;
}

.EnableTopic {
    opacity: 1;
}

.HiddenDiv {
    display: none;
}

.visibleDiv {
    display: block;
}

.menuDiv {
    position: absolute;
    padding-bottom: 30px;
    top: 2px;
    right: 0px;
    z-index: 40 !important;
}

.menuDiv ul {
    list-style: none;
}

.overlayDropDown {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: transparent;
    background-color: transparent;
    overflow-x: hidden;
}

.menuDiv li {
    padding-left: 0px;
    padding-right: 61px;
    padding-bottom: 5px;
}

.dropdown ul.dropdown-menu:before {
    content: "";
    position: absolute;
    top: -10px;
    right: 5px;
    z-index: 10;
}

.dropdown ul.dropdown-menu:after {
    content: "";
    position: absolute;
    top: -12px;
    right: 14px;
    z-index: 9;
}

.floatRightParent .dropdown-menu {
    min-width: 31px;
    padding: 10px 0 20px 0px;
    position: absolute;
    top: 44px;
    right: 0;
    border-radius: 30px;
    display: none;
    left: auto;
    width: 100%;
    background-color: #1c2935;
    border-radius: 6px;
    font-size: 16px;
    z-index:9999;
}

.dropdown-menu .fontIncrement {
    padding-bottom: 15px;
}

.progressQuiz {
    max-width: 1000px;
    margin: 0 auto;
    /* margin-bottom: 40px; */
    /* padding-top: 40px; */
}

.progress-radial,
.progress-radial * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


/* ------------------------------------- * Bar container * ------------------------------------- */

.progress-radial {
    float: left;
    margin-right: 4%;
    position: relative;
    width: 30%;
    border-radius: 50%;
}


/* -------------------------------------
 * Optional centered circle w/text
 * ------------------------------------- */

.progress-radial .overlay {
    position: absolute;
    width: 90%;
    border-radius: 50%;
    font-size: 32px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.progress-radial .overlay p.finalPercent {
    position: absolute;
    line-height: 40px;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    font-weight: 900;
}

.panel-body {
    padding: 10px 15px;
}

.multipleSelect .pull-left,
.singleSelect .pull-left {
    float: left !important;
    padding: 0px;
    padding-right: 0px;
    padding-right: 15px;
}

.volumeMute {
    display: none;
}

.thumbnail .TopicCpation {
    min-height: 45px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    height: auto;
    text-align: center;
}

.thumbnail .TopicCpation.noHeight{
    min-height: 0;
    padding: 0;
    height: 0;
    line-height: 0;
}

.assessment .thumbnail .TopicCpation {
    max-height: none;
}

.dropdown-menu .volumeRocker,
.dropdown-menu .volumeMute {
    margin-left: 8px;
    padding-bottom: 15px;
}

.video {
    width: 100%;
}

.wrapper {
    display: table;
    width: auto;
    position: relative;
    width: 100%;
}

.playpause {
    background-repeat: no-repeat;
    width: 55px;
    height: 55px;
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    margin: auto;
    background-size: contain;
    background-position: center;
}

.modal-content {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -mos-box-shadow: none;
    border: none;
    border-radius: 6px;
    background: transparent;
}

.numberedList {
    padding-right: 25px;
    padding-left: 29px;
}

.pageContent {
    padding-left: 0px;
    padding-right: 0px;
}

.hotspotContainerImage {
    position: relative;
    padding: 0;
    /* z-index: 2; */
}

.btn {
    font-size: inherit;
    padding: 6px 18px;
}

.AssesmentFooter .exitBtn {
    padding-right: 0px;
}

.pageContent .horizontalTabContent .tab-pane .tabContent {
    width: 100%;
}

.audioClass {
    /*display: none;*/
    /*  padding-left: 0; */
}

#langSelDropDown .spanLeft {
    float: left
}

#langSelDropDown .spanRight {
    float: right;
    line-height: 23px;
}

#langSelDropDown {
    /* margin-top: 55%; */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
}

#langSelDropDown .btn {
    width: 100%;
    text-align: left;
    padding: 10px;
    background: #2c3a47;
    color: #fff;
    outline: none;
}

#langSel.dropdown-menu::before {
    display: none;
}

#langSelDropDown span.glyphicon {
    font-size: 14px;
    font-weight: lighter;
}

#langSelDropDown .dropdown-menu {
    top: 100%;
    left: 0px;
    min-width: 100%;
    padding: 0px;
    box-shadow: none;
    position: relative;
    background-color: #fff;
    -webkit-transition: width 2s;
    /* Safari */
    transition: width 2s;
}

#langSelDropDown .dropdown-menu li {
    padding: 5px 10px;
    cursor: pointer;
    color: #3d4750;
    background: #ddd;
    font-size: 15px;
}

#langSelDropDown .dropdown-menu li:hover {
    background: #b4b4b4;
}

.custom-menu .icon-cancel1 {
    vertical-align: middle;
}

.hideIcon {
    display: none;
}

.progress-radial .overlay {
    font-size: 50px;
}

.progress-circle {
    background-color: transparent;
}

.optionHolder label {
    font-weight: normal;
}

#bookmarkPopup .modal-footer {
    display: block;
    background: #fff;
}

.modal-footer {
    border-top: none;
    display: none;
}

#bookmarkPopup .modal-header,
#menuOptionsModal_0 .modal-header,
#menuOptionsModal_1 .modal-header,
#menuOptionsModal_2 .modal-header,
#menuOptionsModal_3 .modal-header,
#menuOptionsModal_4 .modal-header {
    left: 0px;
    position: relative;
    width: 100%;
    margin-bottom: 0px;
    background: #1c2935;
    color: #fff;
    border-radius: 6px 6px 0 0;
    top: 0px;
}

.menuOptionsModal .modal-title {
    margin-top: 0px;
    /* margin-bottom: 5px; */
}

.attachedOptions .attachments {
    border: 1px solid #3b3b3b;
    background: #3b3b3b;
}

#bookmarkPopup .modal-title {
    margin-top: 0px;
    margin-bottom: 5px;
}

.menuOptions .attachments {
    padding: 5px 5px 0px 0px;
}

.singleSelect .modal .modal-content .modal-body .submitBtnContainer .btn-default {
    width: auto;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.blink {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0.0;
    }
}

img.glyphImg {
    max-width: 32px;
}

.noPadding {
    padding: 0;
}

.footer {
    position: relative;
    bottom: 0px;
    height: auto;
    vertical-align: middle;
    padding: 6px 0 2px;
    z-index: 9;
    width: 100%;
    background-color: #2c3a47;
    visibility: hidden;
    max-height: 42px;
}

.navigationButton {
    text-align: center;
}

.prevPage,
.highlightBtn.prevPage,
.disablePrev.prevPage,
.disablePrev.prevPage.clickable {
    cursor: pointer;
    width: 100%;
    max-width: 100%;
    border-radius: 0px;
    height: auto;
}

.nextPage,
.highlightBtn.nextPage,
.highlightBtn.nextPage.disableNext {
    cursor: pointer;
    width: 100%;
    max-width: 100%;
    border-radius: 0px;
    height: auto;
    color: #fff;
    text-align: right;
}

.nextPage {
    -webkit-transition: background 0.1s ease-in-out;
    -ms-transition: background 0.1s ease-in-out;
    transition: background 0.1s ease-in-out;
}

.navigationButton .label {
    display: inline-block;
    float: left;
}

.modal {
    outline: none;
}

.btn-close-seq,
.glyphicon-menu-right {
    display: none;
}

.textImageLeft {
    padding: 0px;
}

.titleBar,
.titleDescription,
.imageText {
    padding: 0px;
}

.textImageLeft .titleDescription {
    padding-right: 10px;
}

#contentBlock .titleDescription {
    margin-top: 0px;
    margin-bottom: 0px;
}

.accordion-wrapper {
    padding: 0px;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.custom-menu #mo0 .accordion-toggle::after {
    margin-right: 15px;
}

.paddingLeft30 {
    padding-left: 0px;
}

.glyphicon.glyphicon-paperclip {
    width: 28px;
}

.pseudoAccordion .tabContent .col-lg-7 h4,
.tab-pane .tabContent .col-lg-7 h4 {
    padding-left: 0px;
}

video {
    background-image: url("../assets/poster/poster_01.png");
    background-size: 100% 100%;
}

.titleName.col-xs-9.col-sm-10.col-md-10.col-lg-10.noPadding {
    width: 100%;
}

.custom-menu #mo0 .accordion-toggle {
    padding: 0px;
}

.glyphicon.glyphicon-time,
.icon.icon-clock-duration {
    vertical-align: middle;
}

.modal-title {
    font-size: unset;
}

.template_duration,
.duration,
.template_minutes {
    position: relative;
}

.template_duration {
    padding-left: 5px;
margin-top: 3px;
float: left;
}

.dropdown .glyphicon.glyphicon-info-sign::before {
    font-size: 22px;
}

.nav-tabs.nav-justified {
    margin-bottom: 0px;
}

.nav-tabs.nav-justified>li>a {
    padding: 8px 15px 8px 15px;
    border-radius: 6px 6px 0px 0px;
    border: 1px solid transparent;
    display: inline-block;
    width: 100%;
    word-break: break-all;
}

.pseudoAccordion .tabContent p {
    text-align: left;
}

.correctAnsOpt label.CorrAnsTxt {
    color: var(--colour7);
    padding: 6px;
    background-position: right center;
    background-repeat: no-repeat;
    -moz-user-select: none;
    width: 95%;
    margin-bottom: 0px;
    font-weight: normal;
    text-align: left;
    padding-left: 40px;
}

.correctAnsOpt .corrTxtP {
    margin-bottom: 5px;
    padding-right: 10px;
    background-color: #edf2f6;
    position: relative;
    float: left;
    width: 100%;
    border-radius: 6px;
}

.singleSelect .options ul li label {
    margin-left: 0px;
}

.multipleSelect input.css-checkbox[type="checkbox"]+label.css-label.cb0 {
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: auto;
    line-height: 26px;
    padding-left: 41px;
    vertical-align: middle;
    width: 100%;
}

.textOnly1 {
    background-color: #525252;
    color: #FFFFFF;
    padding: 10px;
    border-radius: 10px;
    border: none;
}

.numberList {
    color: var(--colour30);
    background: black;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
}

.numberContent {
    width: 5%;
    vertical-align: middle;
}

.numberListContainer {
    padding: 10px;
    border-radius: 10px;
    border: none;
    margin-bottom: 10px;
    overflow-y: scroll;
    overflow-y: auto;
}

.numberListText {
    left: 5%;
    padding: 10px 5px 10px 5px;
}

.numberListContainer>tr>td {
    vertical-align: middle;
}

.customTitleName {
    padding: 5px 5px 5px 20px;
}

.customTitleName h2 {
    padding: 5px 5px 5px 5px;
}

.carousel-inner img {
    width: auto;
}

.customTooltip {
    border: none;
    box-shadow: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.customTooltip {
    float: left;
}

.customTooltip .tooltiptext {
    visibility: hidden;
    min-width: 120px;
    background-color: #FFF;
    color: #000;
    text-align: center;
    padding: 5px;
    position: absolute;
    z-index: 10;
    top: 45px;
    left: 50%;
    margin-left: -62px;
    opacity: 0;
    transition: opacity 1s;
    font-size: 16px !important;
    text-transform: uppercase;
    line-height: 1.5em;
}

.customTooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 46%;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #FFF transparent;
}

.customTooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.flipper img {
    width: 100%;
}

.textImageLeft img,
.imageText img {
    max-height: 270px;
    width: auto !important;
    float: none !important;
}

.textImageLeft img {
    float: right;
}

.imageText img {
    float: left;
}

.titleBar .titleName {
    padding: 0px;
}

.titleBar .durationClass {
    display: inline;
    padding: 0px 15px;
    border-radius: 30px;
    width: auto;
    float: right;
    color: #fff;
    text-align: left;
}

video {
    max-height: 500px;
    /* width:1024px; */
    /* min-height: 400px; */
    height: auto;
    max-width: 100%;
}

.page_video {
    padding: 0px;
    margin-bottom: 0;
}

.paddingRight0 {
    padding-right: 0
}

.paddingRight20 {
    padding-right: 20px;
    padding-left: 0px;
}

.pa-b40 {
    padding-bottom: 40px;
}

.progressToolTip .tooltiptext {
    top: 23px;
}

.progress-radialfail {
    position: absolute;
    width: 33%;
    border-radius: 50%;
    left: 33.5%;
    top: 5%;
}

.progress-radialfail p {
    display: none;
}

.yourScore {
    z-index: 1;
}

.clear {
    position: absolute;
    top: 31%;
    font-weight: bold;
    font-style: italic;
    left: 10%;
}

.clear:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.glyphicon.glyphicon-quizIcon {
    margin-top: 10px;
}

.accordion .panel-body {
    padding: 15px;
}

.progressTooltiptxt {
    font-size: 12px;
    line-height: 1;
    display: inline-block;
    width: 50%;
    text-transform: capitalize;
}

.progresToolPercnt {
    line-height: 1;
    display: inline-block;
    width: 50%;
    font-weight: bold;
    font-size: 30px;
}

.verticalTabs .fLeft {
    padding: 0;
}

.audioDiv {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    opacity: 1;
    background-position: 50% 0;
    cursor: pointer;
}

.glyphicon .glyphicon-fullscreen {
    cursor: pointer;
}

.singleSelect .modal-content,
.multipleSelect .modal-content,
#InsertionModal .modal-content {
    border-radius: 6px;
    background: transparent;
}



/* #contentBlock .textOnlyTemplate.titleDescription p {
    margin: 0;
} */

.pageContent .tab-pane .tabContent .tab-img {
    padding-bottom: 20px;
}

.templateAudio .progress {
    margin-top: 13px;
    z-index: 0;
    height: 11px;
    float: left;
    margin-left: 8px;
    position: relative;
    /* width: 95%; */
}

span.glyphicon.glyphicon-play {
    line-height: 21px;
}

p#buttonDisplayEditor {
    margin-top: 30px;
}

.hotspot_square .hotspotSearchSquare,
.hotspot_circle .hotspotSearchCircle {
    position: absolute;
    top: 50%;
    height: 35px;
    width: 44px;
    text-align: center;
    cursor: pointer;
    border-radius: 6px 6px 6px 6px;
    display: block;
    margin-top: -1.4em;
    line-height: 33px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#accordion .paddingRight20px {
    padding-left: 2px;
}

.passMark {}


.verticalTabContent .paddingRight20px {
    padding-left: 0px;
}

#sortable .lPad0 {
    padding-left: none;
}

.back .panel-body {
    /*text-align: center;*/
    float: left
}

#bookmarkPopup .modal-title {
    /* margin: 0;
    line-height: 1.42857143;*/
}

#bookmarkPopup .modal-header {
    color: #fff;
}

#bookmarkPopup .modal-footer {
    text-align: right;
    padding: 10px 20px 10px 20px;
}

#bookmarkPopup .modal-footer .btn {
    /*  border-radius: 5px;
    padding: 10px 40px;*/
}

#bookmarkPopup .modal-dialog .modal-content .modal-body {
    padding: 20px;
}

#bookmarkPopup .modal-dialog .modal-content .modal-header {
    left: 0px;
    width: 100%;
    display: none;
}

.flip-container .visited .flipper {
    /*width: 99.9%;*/
}

.flip-container .flipper {
    padding: 0;

}

.accordion-title h3 {
    margin: 0;
}

.sequenceBuilder .borderDiv {
    min-height: 350px;
    width: 100%;
}

.borderDiv .highlighter {
    width: 100%;
}

.borderDiv .highlighter .panel-body {
    width: 100%;
}

.pseudoAccordion .tabContent .row-para {
    padding-right: 10px;
}

.menuOptionsModal .modal-header,
#bookmarkPopup .modal-header {
    left: 0px;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}

.verticalTabs .tabContent h4,
.horizontalTabContent .tabContent .tab_title h4 {
    margin-top: 0;
}

.sequenceBuilder .borderDiv .panel-body p,
.sequenceBuilder .borderDiv .panel-body ul li,
.sequenceBuilder .borderDiv .panel-body ol li {
    text-align: left;
}

.tabContent h4 {
    margin-top: 0px;
}

.modal-body {
    min-height: auto;
    background: #fff;
    padding-top: 20px;
}

.inversion .modal-body {
    background: #000;
}

.marginTopBottom15 {
    margin: 15px 0;
}

.templateAudio span {
    cursor: pointer;
}

.templateAudio {
    width: -moz-fit-content;
    margin-bottom: 0px;
    width: 100%;
    position: relative;
    float: left;
    z-index: 1;

}

.hideTemplateAudioIcon {
    display: none;
}

.visibleTemplateAudioIcon {
    display: block;
    float: left;
    display: inline-block;
    font-size: 16px;
    height: 22px;
    width: 6%;
    line-height: 0px;
}

.modal-open .modal {
    margin-bottom: 20px;
}

.templateAudio .progress-bar-success {
    border-radius: 10px;
}

.highlighter .templateAudio {
    margin-top: 5%;
    margin-bottom: 2%;
    display: none;
}

.langSelPage {
    /*margin-top: 10em;*/
    padding-top: 20%;
}

.paddingLeft0 {
    padding-left: 0px;
}

.langSelectionImg {
    top: 4px;
    position: relative;
}

.front img {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    width: auto;
}

.flipImgButtonParent {
    border: 2px solid transparent;
    cursor: pointer;
    margin-bottom: 10px;
}

.TaddAudio,
.addAudio {
    display: none !important;
}

.TaddAudio,
.taddAudio {
    display: none !important;
}

.sequence_buildup .titleDescription {
    visibility: hidden;
}

.mainDescription {
    margin-top: 0px;
}

.sequence_img {
    margin-bottom: 10px;
}

.thumbnail img,
.thumbnail .topicImageDiv {
    min-height: 133px;
    max-height: 133px;
    width: 100%;
    border-radius: 6px 6px 0 0;
}

.topicName {
    padding: 0px;
    margin: 0px;
    padding-bottom: 0px;
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    padding: 10px 15px;
    top: 0px;
    font-weight: 500;
    line-height: 23px;
    text-align: left;
    /* background-color: rgb(76, 76, 76, 0.8); */
}

.TopicCpation .TopicCpation {}

.topicCompleteProgress .progress {
    position: relative;visibility: unset !important;
}

.contentCards .topicCompleteProgress {
    margin-bottom: 10px;
    margin-top: 10px;
}

.topicStatus {
    display: none;
}

.topicProgressDiv {
    text-align: center;
    padding: 0px 10px 8px 10px;
}


/* entire container, keeps perspective */

.flip-container {
    perspective: 1000px;
}

.thumbnail .backSideTopic .TopicCpation {
    padding-top: 15px;
}

.templateAudio .progress {
    height: 2px;
    background: #cecece;
}


/*.accordion-wrapper .accordion-title{
    position: relative;
width: 905px;
float: left;
}*/

#accordion .panel .glyphicon-arrow-down {
    /*top: -11.70px;*/
    /*    display: inline-block;
    float: right;*/
    display: table-cell;
}


/*.accordion .panel, #accordion .panel-heading, #accordion .panel-title, #accordion .panel-title a{float: left;}
#accordion .panel-title a{padding: 5px;}*/

#accordion .panel-title>div {
    padding: 9px 15px;
    display: table;
    position: relative;
}

#accordion .panel-title>div .accordion-title {
    vertical-align: middle;
    padding-left: 16px;
    left: 10px;
    display: table-cell;
    padding-right: 10px;
}

#accordion .glyphicon-arrow-down {
    top: 0px;
}

.accordion .panel-title .icon-check {
    float: right;
}

.GeneralFooter .passExit {
    padding-right: 0px;
}

.feedbackContent .row {
    /*text-align: center;*/
}

.imageHolderParent,
.imageHolderParent .imageHolder {
    display: inline-block;
    /*float: none;*/
}

.imageHolderParent {
    /* margin-bottom: 20px; */
}

#InsertionModal .imageHolderParent {
    /* margin-top: 30px; */
    padding: 20px 32px;    display: inline-table;
}


/*Icons Start*/

.flip-container .flipBtnContainer {
    margin-top: -1px;
}


/*Icons end*/

.glyphicon-pause::before,
.glyphicon-repeat::before,
.glyphicon-play::before {
    content: "";
}

.icon {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.header svg {
    cursor: pointer;
}

.menuOptions .icon {
    height: 20px;
    width: 20px;
}

.hotspotSearchCircle svg,
.hotspot_square .hotspotSearchSquare svg {
    height: 16px;
    width: 16px;
}

#contentBlock svg.icon-previous-button,
#contentBlock svg.icon-pause-button,
#contentBlock svg.icon-play-button-2 {
    width: 22px;
}

svg.icon-expand-1 {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg);
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform: 50% 50%;
    transition: all 130ms ease-in;
}

.up svg.icon-expand-1 {
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    transition: all 130ms ease-in;
}

#sortable span {
    float: left;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    line-height: 1.8;
    position: absolute;
    left: 7px;
    top: 50%;
    margin-top: -1em;
    display: block;
    font-size: 16px;
}

#sortable span svg {
    height: 24px;
    width: 24px;
    fill: #fff;
}

.modal-body .imageHolder svg {
    height: 150px;
    width: 150px;
    fill: #000;
    stroke: #fff;
}

.modal-body .imageHolder svg.icon-remove-circle-1 {
    height: 116px;
    width: 110px;
    margin-left: 34px;
}

.hamburgerMenu {
    cursor: pointer;
    color: #697a84;
    display: none;
}

.hamburgerSvgParent {
    display: table;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    line-height: 1.4;
}

.close1 svg {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg);
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform: 50% 50%;
}

.open1 svg.icon-arrow-down-12 {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.custom-menu .accordion-toggle.open1::after {
    content: "";
}

.singleSelect input.css-checkbox[type="radio"],
.multipleSelect input.css-checkbox[type="checkbox"] {
    display: none;
}

svg.icon-checkbox {
    cursor: pointer;
}

.optionHolder li {
    margin-bottom: 10px;
    float: left;
    width: 100%;
    cursor: pointer;
    border-radius: 6px;
}

#contentBlock .classSelectedLabel svg {
    fill: #fff;
}

.optionHolder .icon-checkbocCheked,
.optionHolder .icon-checkbox,
.optionHolder .icon-radio-btn-not-sel,
.optionHolder .icon-radio-btn-sel {
    float: right;
    left: 10px;
}

.audioDiv {
    background-image: url("../assets/poster/poster.png");
}

.mainDescription .durationClass .glyphicon.glyphicon-time {
    vertical-align: text-top;
}

.tab-template .icon-arrow-down-12 {
    float: right;
    vertical-align: middle;
    position: absolute;
    padding: 2px;
    right: 10px;
}

.thumbnail .topicDuration .glyphicon.glyphicon-time {
    font-size: 13px;
}

.thumbnail .topicDuration {
    position: absolute;
    left: 0px;
    top: 142px;
    padding: 7px 15px;
    border-radius: 0 30px 30px 0;
    color: #fff;
}

.tab-template a {
    padding-right: 10px;
}

.accordion .panel-heading {
    cursor: pointer;
}

.slideshowpagetitle h2 {
    margin-bottom: 10px;
}

.carousel-inner .svg-edit-close-acc,
.nav-tabs .icon-remove-circle-1,
.tab-pane .icon-remove-circle-1 {
    display: none;
    fill: transparent;
}

.audio span.customTooltip .tooltiptext {
    margin-left: -60px;
}

.tab-template.active .icon-arrow-down-12 {
    display: none;
}

.removePropertyAudio {
    display: none
}

.tabContent .demo {
    /* height: 216px */
    ;
}

.flip-container .templateAudio {
    padding: 10px;
    padding-bottom: 0px;
    float: left;
   /*  display: flex; */
}

.back .panel-heading {
    float: left;
    width: 100%;
    text-align: center;
}

.nav-tabs.nav-justified li h3,
.nav-tabs.tabs-left li h3 {
    margin: 0px;
}

.tab-template li h3 {
    margin: 0px;
}

.add_property_audio {
    display: none;
}

.feedbackbutton .submitBtnContainer .btn {
    text-align: center;
    margin: auto 0;
    padding: 0;
}

.optionHolder .icon-radio-btn-not-sel,
.optionHolder .icon-radio-btn-sel {
    border-radius: 50%;
}

.fontIncrement .icon {
    width: 27px;
    height: 27px;
}

.hamburgerSvgParent .icon {
    width: 20px;
    height: 35px;
}

.label {
    font-size: unset;
}

#hotspotSmCircleModal .close {
    margin-top: 0px;
    color: #000000;
}

.optionHolder li svg {
        position: absolute;
    display: block !important;
    top: 50%;
    transform: translate(0px, -50%);
    left: 0;
}

.optionHolder li {
    position: relative;
}

#myCarousel .carouselControlChild {
    position: relative;
}

.correctAnsOpt svg.icon {
    position: absolute;
    display: block !important;
    top: 50%;
    float: right;
    margin-top: -0.7em;
    left: 5px;
}

#sortable li p {
    margin-bottom: 0;
}

.sortable .sequence_option {
    padding-left: 30px;
    width: 100%;
}

.carousel-control svg {
    pointer-events: none;
}

.accordion .svg-accordian-parent {
    position: absolute;
    float: right;
    right: 10px;
    margin-top: -1.1em;
    display: block;
    top: 50%;
}

#contentBlock .hotspotContainer .parentContainer .titleDescription {
    margin-bottom: 0;
}
#contentBlock .hotspotContainer .parentContainer .titleDescription p {
   /* height: 111px;
    overflow: auto;
    padding-right: 10px;*/
}

.templateAudio span svg.icon {
    pointer-events: none !important;
}

.sequence_buildup .imgBorder .glyphicon {
    border-radius: 50%;
}

.lazy {
    background: transparent url('../assets/poster/loader.gif') center no-repeat;
    background-size: auto 50%;
}

#loadingGIFContainer .lazy {
    background-image: none;
}

.grow {
    animation: createBox .50s;
}

@keyframes createBox {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

.flyin {
    width: 100%;
    /* height: 100%; */
    margin: 0;
    /* Apply animation to this element */
    animation: flyin .50s linear;
}


/* Move it (define the animation) */

@keyframes flyin {
    0% {
        transform: translateX(200%);
    }

    100% {
        transform: translateX(0%);
    }
}

.flyright {
    width: 100%;
    height: 100%;
    margin: 0;
    /* Apply animation to this element */
    animation: flyright .50s linear;
}


/* Move it (define the animation) */

@keyframes flyright {
    0% {
        transform: translateX(-200%);
    }

    100% {
        transform: translateX(0%);
    }
}

.opacityNotclickable {
    opacity: 0;
    pointer-events: none;
}


/*New framework*/

.headerIcon {
    height: 36px;
    /* width: 32px; */
    text-align: center;
    font-size: 1em;
    position: relative;
    padding-top: 2px;
    overflow: hidden;
    position: absolute;
    margin-left: 6px;
}

.headerBackBtn {
    cursor: pointer;
}

div.logo,
.headerTitle {
    height: 37px;
    padding-left: 15px;
    /* padding-top: 5px; */
    /*  padding-left: 0;*/
}

.headerTitle {
    display: table;
    display: none;
}


.headerTitle h3 {
    vertical-align: middle;
    font-size: 1em !important;
    padding: 5px;
    text-align: center !important;
}

.allTopIcon {
    color: #fff;
    float: right;
}

.floatRightParent>div {
    float: right;
    width: 40px;
    padding: 0;
    display: table;
    border-radius: 50%;
    margin-left: 10px;
    position: relative;
}

.floatRightParent>div .glyphicon {
    display: table-cell;
    vertical-align: middle;
}

.floatRightParent>div.dropdownCol {
    background: transparent;
    border-radius: 50%;
    line-height: 41px;
    text-align: center;
}

.floatRightParent>div.fontIncrement {
    display: none;
}

.floatRightParent>div.dropdownCol a {
    color: #697a84;
}

.windowWrap {
    background: #1c2935;
    border-radius: 12px;
    overflow: hidden;
    padding: 4px;
}

.topPannal {
    /* background: #4e5c69; */
    border-radius: 10px 10px 0px 0px;
    display: none;
}

.icon1 {
    width: 29px;
    height: 29px;
    vertical-align: middle;
    fill: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    visibility: hidden;
}

.footericon {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    fill: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.selectLangBox .iconHeader {
    width: 52px;
    height: 45px;
}

.iconHeader {
    width: 31px;
    height: 39px;
    vertical-align: middle;
}

.iconHeader1 {
    width: 50px;
    height: 50px;
    vertical-align: middle;
    fill: #fff;
    border-radius: 50%;
    padding: 10px;
    margin: 5px 0px;
}

.dropdown-menu li>div {
    padding: 5px;
}

.dropdown-menu {
    border-radius: 50px;
    background-color: transparent;
    box-shadow: none;
    border: 0;
    width: 321px;
    right: 0px;
    left: auto;
    top: 61px;
    font-size: 16px;
}

.bgPatch {
    position: fixed;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    top: 0;
    left: 0;
}

.inner_menu {
    position: absolute;
    border-radius: 50px;
    background-color: #3d4750;
    top: 10px;
    right: 3%;
    min-width: 50px;
    padding: 0px;
    list-style: none;
    margin: 0;
}

.inner_menuText {
    position: absolute;
    right: 80px;
    top: 40%;
    width: 200px;
    text-align: right;
}

#contentBlock {
    background-color: #edf2f6;
    padding: 25px;
    min-height: 285px;
    height: 100%;
    border-radius: 0px;
    overflow-y: auto;
    overflow-x: hidden !important;
    box-sizing: border-box;
}

#contentBlock.withWatermark {
    background-color: rgba(237, 242, 246, 1);
}

.videoOnly {
    margin-top: 5px;
    margin-bottom: 20px;
}

#myCarousel {
    background: #fff;
    border-radius: 6px;
    padding: 15px !important;
}

.carouselDescriptionParent {
    position: relative;
    margin: 0 auto;
    display: block;
    float: none;
    padding: 0;
    margin-bottom: 10px;
}

#myCarousel .carousel-inner .titleDescription {
    position: relative;
    margin: 0 auto;
    display: block;
    float: none;
    padding: 0;
}

.carousel-control.right,
.carousel-control.left {
    background-image: none;
}

.nav-tabs li a {
    background: #edf2f6;
}

.nav-tabs.nav li h3 {
    color: #fff;
}

.parentContainer .templateAudio,
.parentContainer .titleDescription {
    padding: 25px;
}

.parentContainer .templateAudio,
.parentContainer .titleDescription {
    padding: 10px 15px;
    background: #fff;
}

.parentContainer .titleDescription {
    border-radius: 0px 0px 6px 6px;
}

.hotspotContainerSquare img {
    border-radius: 6px 6px 0 0;
}

.hotspot_circle .parentContainer {
    background: #fff;
    border-radius: 12px;
    padding: 10px;
}
.clickAndReveal .parentContainer{
    overflow: hidden;
}
.hotspot_circle .parentContainer .titleDescription {
    border-radius: 0;
}

#contentBlock #accordion.panel-group .panel-heading {
    border-radius: 6px;
    margin-top: -1px;
}

.accordion .panel {
    background-color: #fff;
    border-radius: 6px;
}

.sequenceBuilder .panel-default:first-child {
    display: block;
}

.sequenceBuilder .borderDiv {
    border: 2px dashed #4c4d4f;
    /* background: #edf2f6;*/
    border-radius: 12px;
}

.sequenceBuilder .Visited .highlighter {
    background-color: #fff;
    border-radius: 12px;
}

.imgBorder {
    border-top: 2px dashed #4c4d4f;
    background-color: #ffffff;
    color: #4c4d4f;
    border-bottom: 2px dashed #4c4d4f;
}

.sequence_buildup .panel-body {
    padding: 0;
}

.sequenceBuilder .borderDiv.Visited {
    border: 2px dashed transparent;
}

.sequence_buildup .panel-body .templateAudio {
    padding: 0 20px 0 16px;
    visibility: hidden;
}

.sequence_buildup .borderDiv.Visited .panel-body .templateAudio {
    visibility: visible;
}

.sequence_buildup .panel-body .titleDescription {
    padding: 0 20px 0px 20px;
}

.sequence_buildup .panel-body .titleDescription p {
    margin-bottom: 0;
    /*word-break: break-all;*/
    
}

.optionsMenu span:first-child,
.optionsMenu .close {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.optionsMenu span:first-child {
    display: inline-block;
    text-align: center;
    line-height: 46px;
}

.optionsMenu .close,
.optionsMenu .close:hover,
.optionsMenu .close:focus {
    opacity: 1;
}

.optionsMenu .close {
    float: none;
}

.optionsMenu .optionText {
    right: 72px;
    color: #fff;
    text-align: left;
    padding: 12px 3px;
    float: left;
}

.dropdown-menu .optionsMenu {
    position: relative;
    float: left;
    margin-bottom: 0px;
}

.floatRightParent div.bg_black {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    border-radius: 0;
    display: none;
    margin: 0;
}

.dropdown-menu .optionsMenu:last-child {
    margin-bottom: 0px;
}

.dropdown-menu .optionsMenu svg.icon {
    position: relative;
    height: 23px;
    fill: #fff;
}

.lightTheme .dropdown-menu .optionsMenu svg.icon {
    fill: #2c3a45;
}

.dropDownBg {
    position: relative;
    margin-top: -15px;
}

#borderAudio .glyphicon-repeat .footericon {

    top: 0px;
    height: 22px;
    width: 33px;
    margin-top: 1px;
}

#borderAudio .footericon {
    height: 23px;
    top: 0px;
    left: 0px;
    position: relative;
    cursor: pointer;
}

#borderAudio .footericon.icon-play-button-2 {
    height: 21px;
    top: 0px;
    left: 0px;
}

.pageContent .btn.startCourseBtn {
    border-radius: 50px;
}

.pageContent #beginBtn.btn-default,
.pageContent #beginBtn.btn-default:hover,
.pageContent #beginBtn.btn-default:active {
    border-radius: 50px;
    min-height: 32px;
}

.floatRightParent>div.dropdownCol.disabled {
    pointer-events: none;
}

.footer .progressToolTip {
    display: none !important;
}

.progress-circle:after {
    border: 3px solid transparent;
    background-color: transparent;
}

.progress-circle.over50 .first50-bar {
    background-color: transparent;
}

.progress-circle span {
    color: transparent;
}

#borderAudio {
    /*  border: 2.5px solid #fff; */
    border-radius: 50%;
    width: 42px;
    position: relative;
    top: 0px;
}

.back .panel-body {
    color: #8D999E;
}

.splashPage .page_template_title {
    text-align: left;
    width: 100%;
    /* color: #fff; */
    margin-bottom: 5px;
}



.hotspot_square .hotspotSearchSquare.Visited,
.hotspot_circle .hotspotSearchCircle.Visited {
    background-color: #6c8092;
}

.splashPage .timer,
.splashPage .titleDescription {
    text-align: left;
    color: #ffffff;
}

.splashPage p,
.content .splashPage p,
.content .splashPage ul,
.splashPage .appendTinymceClassForEdit ol {
    color: #fff;
}

#buttonDisplayEditor p {
    float: right;
    padding-top: 5px;
    margin-right: 20px;
    margin-bottom: 0;
}

#buttonDisplayEditor .startCourseBtn {
    float: right;
    padding: 6px 20px 5px;
}


.subtitleBar {
    margin-top: 15%;
}

.pageContent .FinishedAttemptFooter .btn-default,
.pageContent .FinishedAttemptFooter .btn-default:hover,
.pageContent .FinishedAttemptFooter .btn-default:active {
    border-radius: 50px;
}

.progressQuiz .overlay {
    height: 218px;
    width: 218px;
}

.progressQuiz .progress-radial {
    height: 250px;
    width: 250px;
    background-image: none;
}

.itIsResultPage .titleBar .titleName h2 {
    text-align: left;
}

p.passMark {
    text-align: right;
}


/* .resultContainer .resultBottomTxt h2 p {
    font-size: 50px;
} */


/* .resultContainer .resultBottomTxt{margin-top: 10%;} */

.FinishedAttemptFooter {
    width: 100%;
    margin: 20px 0;
    position: relative;
    bottom: 0px;
}

.FinishedAttemptFooter .exitBtn,
.FinishedAttemptFooter .retakeBtn,
.FinishedAttemptFooter .replayBtn {
    float: right;
    margin-right: 0px;
    padding:0;
    margin-left: 20px;
}

.windowWrap.template-Splash #contentBlock,
.windowWrap.assessment-splash #contentBlock {
    background-color: transparent;
}

.windowWrap.template-Splash,
.windowWrap.assessment-splash {
    padding: 0;
}

.attachmentTxt a {
    word-wrap: break-word;
    color: #2c3a47;
}

.attachedOptions .attachments .leftContent {
    padding: 0;
    width: auto;
    margin-top: -2px;
}

.attachedOptions .attachments {
    background: #f4f6f8;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding: 7px 7px;
    margin-bottom: 10px;
}

.attachedOptions .attachments .attachmentTxt {
    padding-left: 8px;
}

.template-Topic .durationClass .glyphicon-time {
    top: 4px;
}

.durationClass span {
    margin: 0px 2px;
}

.menuOptionsModal .modal-header .close {
    color: #909196;
    font-size: 16px;
}

.accordion .panel-title .icon-plus {
    border-radius: 50%;
    height: 35px;
    width: 35px;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -0.98em;
    left: 5px;
    line-height: 31px;
}

.accordion .panel-title .icon-plus svg {}

.highlightText {
    background: #4e5c69;
    padding: 10px;
    color: #fff;
    margin-bottom: 18px;
    border-radius: 6px;
}

.highlightText p,
.highlightText ul,
.highlightText ol {
    color: #fff;
    margin-bottom: 0;
}

.table-responsive ul>li,
.table-responsive ol>li {
    color: #2c3a47;
}

.accordion-tab .panel-body .nutral_disply_none {
    display: none;
}

.panel-title .icon-minus,
.panel-title.active .icon-reveal {
    display: none;
}

.panel-title.active .icon-minus,
.panel-title .icon-reveal {
    display: inline-block;
}

.icon-check-parent {
    vertical-align: middle;
    display: none;
}

.panel-title .icon-minus,
.panel-title.active .icon-reveal {
    display: none;
}

.panel-title.active .icon-minus,
.panel-title .icon-reveal {
    display: inline-block;
}

.icon-check-parent {
    vertical-align: middle;
    display: none;
}

.splashPage .page_template_title h2 {
    padding-top: 0;
    margin: 0;
    padding: 0;
    line-height: 37px;
}

svg.icon-maxattempt {
    width: 100%;
    height: 100%;
}

.carousel-indicators li.makeItWhite {
    background: #6c8092;
    border: 1px solid transparent;
}

/* .pseudoAccordion .templateAudio .progress {
    width: 83%;
} */

svg.icon-default_status {
    fill: #9ba5ae;
    /* background-color: #edf2f6; */
}

.pt3 {
    padding-top: 3px !important;
}

.pt2 {
    padding-top: 2px !important;
}

.modal-footer .btn.btn-default {
    padding: 5px 20px;
    border-radius: 50px;
}

.subMenu .pages .moduleName {
    position: relative;
    top: 3px;
    width: 87%;
}

.hotspot_circle .hotspotSearchCircle {
    width: 35px;
    line-height: 33px;
    border-radius: 50%;
}

svg.icon-duration {
    width: 26px;
    height: 26px;
}

#borderAudio {
    font-size: 20px;
}

.accordion .openedTab .panel-title .icon-plus {
    margin-top: -17px;
}

.fontIncrement {
    display: none;
}

.logo img {
    border-radius: 0px;
}

/* .flyrightSubmenu {
    width: 0%;
}  */

.templateAudio .glyphicon-pause::before,
.templateAudio .glyphicon-repeat::before,
.templateAudio .glyphicon-play::before {
    display: none !important;
}

.textOnly .highlightText {
    border-radius: 6px;
}

#exitBtn,
#retakeBtn,
#replayBtn {
    width: auto;
    padding: 4px 20px;
}

.optionsMenu .close span:first-child {
    line-height: 40px;
    font-size: 15px;
}

.subMenu .icon {
    vertical-align: text-top !important;
}

.ipadPortrait .splashPageBackground {
    width: 551px;
}

#submitBtn {
    text-align: right
}

.submitAssesment {
    text-align: center;
    margin-bottom: 0px;
}

#langSel.dropdown-menu {
    border-radius: 0;
}


/*  
.multilangImg{
    background: url("../assets/images/multiLangImg.jpg") 0 0 no-repeat;
    height: 671px;
    background-size: 100%;
} */

#iframe_video body {
    background: transparent;
}

body.site-as-giant-card {
    background-color: transparent !important;
}

.selectLangBox {
    max-width: 560px;
    margin: 20% auto 0 auto;
    position: relative;
    padding: 40px;
    background: #1c2935;
    border-radius: 10px;
    display: inline-block;
    width: 100%;
    z-index: 9;
}

#langBoxInner {
    background: #2c3a47;
    display: inline-block;
    padding: 0px 15px;
    border-radius: 50px;
    width: 75%;
    position: relative;
}

#leftBtn,
#rightBtn {
    width: 20px;
    height: 20px;
    color: white;
    text-align: center;
    margin-right: 10px;
    margin: 0px;
    float: left;
    cursor: pointer;
    top: 16px;
}

#langSelBGG {
    width: 152px;
    height: auto;
    position: relative;
    left: 50%;
    float: left;
    margin-left: -75px;
}

#langSel li:last-child {
    border: 0px
}

#langSel li {
    list-style: none;
   /*  border-right: 1px solid #4a5864; */
}

.overFlowH {
    display: inline-block;
    width: 86%;
    overflow: hidden;
    padding: 10px 0;
}

#langSel {
    width: 152px;
    height: 27px;
    padding: 0;
    position: relative;
    left: 0px;
    top: 4px;
    margin-bottom: 0;
}

#langBoxInner #rightBtn,
#langBoxInner #leftBtn {
    display: block !important;
    position: absolute;
    color: #4a5864;
}

#langBoxInner #leftBtn {
    left: 10px;
    line-height: 18px;
}

#langBoxInner #rightBtn {
    right: 10px;
    line-height: 18px;
}

.menuItem {
    width: 190px;
    height: 28px;
    position: absolute;
    top: 0%;
    visibility: hidden;
}
.menuItem.active{visibility: visible;}
.attemptStatusParent {
    margin-top: 0px;
    font-size: 14px;
    text-align: right;
    padding: 0;
}

.menuItem .content {
    color: #4a5864;
    height: 30px;
    margin: 0px;
    text-align: center;
    line-height: 21px;
    font-size: 20px;
}

.langConti {
    border-radius: 50px !important;
    margin-top: 30px;
}

.languagePage #contentBlock {
    /* background-image: url('../assets/images/multiLangImg.png'); */
    background-repeat: repeat;
    background-size: contain;
    background-color: #5d6368;
    min-height: 200px;
}

.languagePage #contentBlock:after {
    content: '';
    background: url('../assets/icons/multiLangImg.png') no-repeat center center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    /* Here is your opacity */
    background-size: cover;
}

.languagePage .windowWrap,
.languagePage #contentBlock {
    padding: 0px !important;
}

.DesableLeftBtn,
.DesableLeftBtn {
    color: #989898 !important;
    cursor: default !important;
}

.resultBottomTxt h2 {
    left: 0%;
    margin-bottom: 0;
    width: 100%;
    word-wrap: break-word;
}


/* 
#exitBtn{
    display:none !important;
} */

.clsassessment .titleBar {
    margin-top: 0px;
}

.table {
    margin-bottom: 0px;
    padding: 0px;
    background: #edf2f6;
    border-radius: 12px;
}

tr:last-child {
    margin-bottom: 0px;
}

tr {
    margin-bottom: 0px;
    display: inline-flex;
    width: 100%;
    height: auto !important;
}

td {
    height: auto !important;
    white-space: normal !important;
    word-break: break-all;
}


/* td:first-child {
    border-radius: 6px 0 0 6px;
}
td:last-child {
    border-radius: 0px 6px 6px 0px;
} */

.table tbody tr td p {
    color: #3e3f41;
}

.appendTinymceClassForEdit .table tr:first-child td span,
.appendTinymceClassForEdit .table tr:first-child td p {
    color: #fff;
}

.table tbody tr:first-child td p {
    color: #fff;
}

.table tr:first-child td,
.table tr:first-child td li {
    background: #4e5c69;
    color: #fff;
}

.table tr {
    border-bottom: 1px solid #c5ced5;
    background: #edf2f6;
    display: table;
}

.table td,
.table th {
    /* border-bottom: 1px solid #c5ced5;*/
    padding: 15px 15px !important;
    font-weight: 300;
    background: #edf2f6;
    border-left: 0;
    border-right: 0;
    border-top: 0 !important;
    min-width: 200px !important;
    word-wrap: break-word;
    word-break: break-all;
    display: table-cell;
}

.lightTheme .table td,
.table th {
    background: #fff;
}

table {
    border: 0;
    color: #2c3a47;
    width: 100% !important;
}

.FinishedAttemptFooter {
    padding-top: 20px;
}

.topicTextDiscription {
    padding: 5px 10px;
    height: 80px;
    overflow: hidden;
}

.topicTextDiscription.extendedHt{
    height: 120px;
}
.thumbnail .topicTextDiscription{
    height: 120px;
}
.headerIcon.disabled .icon-header_back {
    /* display: none; */
}

.ResultWIndow {
    margin: 40px 0
}

.resultBottomTxt h2 p:first-child {
    margin: 0px
}


/* .itIsResultPage .titleName {
    margin-bottom: 40px;
} */



#contentBlock .appendTinymceClassForEdit ul,
#contentBlock .appendTinymceClassForEdit ol,
#contentBlock .feedbackContent ul,
#contentBlock .feedbackContent ol,
#contentBlock .hotPopData ul,
#contentBlock .hotPopData ol {
    padding-left: 15px;
    margin-left: 10px;

}

.itIsResultPage .ResultWIndow h2 {
    left: 0%;
}

.clsassessment .resultContainer {
    padding-top: 40px;    padding-left: 0;
}



#contentBlock #submitBtn span {
    text-transform: uppercase;
    padding: 0;
}


/* Custom scroller*/
/* 
.windowWrap::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(33, 33, 33, 0.3);
    background-color: #212121;
}

.windowWrap::-webkit-scrollbar {
    width: 6px;
    background-color: #212121;
}

.windowWrap::-webkit-scrollbar-thumb {
    background-color: #000000;
} */

.menuCustomWidth {
    width: 40px;
    display: none;
    margin-right: 6px;
}


/*header icon custom sizes*/

.darkTheme #header .iconHeader {
    fill: #fff !important;
}


/*footer icon custom sizes*/

.footericon.icon-audio_on {
    height: 25px;
    margin: 0px 20px;
}

.icon1.icon-header_back {
    height: 27px;
    float: left;
}

.footericon.icon-prev,
.footericon.icon-next {
    max-width: 28px;
    float: right;
}

.icon-homeHeader {
    width: 24px;
    height: 24px;
    fill: #f2f2f2;
    margin-top: 1px;
}

.menuCustomWidth .headerHomeIcon {
    padding: 5px 0px;
    float: left;
    margin-left: 15px;
    display: none;
}

.headerHomeIcon {
    padding: 5px 15px;
}

.headerHomeIcon span {
    color: #bfbfbf;
    padding-top: 7px;
    padding-right: 10px;
    font-size: 15px;
}


/* .custom-menu:after {
    background: #2c3a47;
    height: 58px;
    position: absolute;
    width: 100%;
    content: "";
    left: 0;
    z-index: -1;
} */

.headerHomeIcon {
    cursor: pointer
}

.headerHomeIcon.disabled {
    cursor: default
}

.svgWrap .icon-default_status {
    width: 12px;
    height: 9px;
    margin-top: 11px;
    margin-left: 9px;
}

.subMenu {
    top: 60px;
    padding-top: 12px;
}

.svgWrap {
    margin-right: 7px;
}

.dBlock {
    display: block !important
}

.floatRightParent svg.icon-contrast {
    width: 18px;
}

.floatRightParent svg {
    width: 30px;
    height: 30px;
}

.floatRightParent div {
    top: 2px;
}

.footerLogoParent {
    height: 40px !important;
    overflow: hidden;
    /* margin-top: 4px; */
    padding-left: 0;
}

.paL5 {
    padding-left: 5px;
}

.headerBackBtn span {
    font-size: 16px;
    float: left;
    letter-spacing: 1px;
    padding: 2px 0;
    line-height: 22px;
}

.volumeRocker .icon-audio_on,
.volumeMute .icon-mute {
    float: left;
    margin-top: 3px;
}

.volumeMute .icon-mute {
    margin-left: 20px;
    margin-right: 20px;
}

.topicProgressSec {
    position: absolute;
    width: 100%;
    bottom: 8px;
}

.option.optionsMenu {
    top: -2px;
}


/*Webkit scroll bar*/


.footerC1 {
    width: 5%;
    padding: 0;
}

.playerParent {
    width: 84%
}

.slideIt.modules {
    padding-top: 0px;
}

.navbtn {
    width: 5%;
    padding-left: 10px;
}

.navopen {
    position: absolute;
    z-index: 999;
    padding: 0px;
    width: auto;
    display: none;
    left: 0;
    width: 150px;
    background: #1c232a;
    height: 42px;
}

.hideMenuSlide:after {
    background: #0f171d;
    height: 8px;
    position: absolute;
    width: 10px;
    content: "";
    left: 0;
    z-index: 0;
    bottom: -7px;
    left: 0;
    opacity: .4;
}

.paL-0 {
    padding-left: 0
}

#table {
    display: none;
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border: 1px solid #2c3a47;
    background: #2c3a47;
}

.nav-tabs li.visited a h3 {
    color: #fff;
}

.nav-tabs li.visited a {
    background: #6d8091;
    border: 1px solid #6d8091;
    color: #fff;
}

.nav-tabs li.visited.active a {
    background: #2c3a47;
    border: 1px solid #2c3a47;
    color: #fff;
}


.horizontalTabContent {
    background: #fff;
    border: 0;
    border-radius: 0 0 6px 6px;
    margin-bottom: 20px;
}

.nav-tabs li > p > a {
    background: transparent;
}

.durationClass svg.icon {
    fill: #fff;
}

.darkTheme .floatRightParent.allTopIcon svg {
    fill: #fff !important;
}

.titleBar .durationClass {
    color: #000000;
    background: #ffff01;
}

.titleBar .durationClass {
    background: #2c3a47;
    color: #fff;
}

.titleBar .durationClass svg.icon-clock-o {
    fill: #fff;
}

.durationClass.textRight span.DurationText {
    border-right: 1px #415262 solid;
    padding-right: 12px;
    margin-right: 10px;
}

.svgColor .icon {
    float: left;
}

#contentBlock .svgColor .icon.icon-clock-o {
    fill: #fff;
    width: 22px;
}

.progressStatus {
    font-size: 16px
}

.topicDuration .icon-clock-o {
    float: left;
    padding: 1px;
}

.ui-state-default p {
    color: #fff;
}

.itIsResultPage {
    overflow-x: hidden;
}

.languagePage #contentBlock {
    height: 100% !important;
}

.optionHolder li.classSelectedLabel {
    background-color: #2c3a47;
    color: #ffffff;
}

.activeLi li:first-child {
    background: #d7dce2;
}

.activeLi .subMenu li:first-child {
    background: transparent;
    padding-top: 0;
}

.table td,
.table th {
    min-width: 200px !important;
}

.table-responsive ul>li,
.table-responsive ol>li {
    color: #2c3a47;
}



.navigationButton.NxtBtn,
.navigationButton.NxtBtnQuiz {
    float: right;
}

.prevPage span {
    float: left
}

.navAudiobtn {
    float: left;
}

.row.classFooterRow {
    padding: 0 15px;
}

.playerChildOne.navAudiobtn {
    width: 8%;
}

.playerChildThree {
    width: 9%;
    margin-top: 2px;
    float: right;
}

.navbtn1 {
    width: 4%;
}

.navbtn2 {
    width: 86%;
    float: left;
}

.navbtn5_1 {
    float: left;
    width: 26%;
    height: 32px;
}

.navbtn5_2 {
    text-align: center;
    float: left;
    position: relative;
    width: 60%;
}

.navbtn5_3 {
    width: 26%;
}

.customTooltip.playerAudioProgress {
    width: 90%;
}

.hideLogoForMobile {
    width: 15%
}

.hideLogoForMobile .footerLogoParent {
    display: none
}

.hideLogoForMobile .headerTitle h3 {
    text-align: left;
}

.spashScreen .hideLogoForMobile .footerLogoParent {
    display: block;
    transition: width 2s;
}

.tooltipCustom {
    position: relative;
    display: inline-block;
    cursor: pointer;
    transition: width 2s;
}

.tooltipTextCustom {
    visibility: hidden;
    width: 100%;
    background-color: #151f28;
    text-align: left;
    /* border-radius: 6px; */
    z-index: 1;
    left: 0;
    padding: 10px 15px;
    position: fixed;
    top: 57px;
    font-size: 18px;
}

.tooltipTextCustom.toolActive {
    visibility: visible;
    /* transition: width 2s; */
    color: #fff;
}

.tooltipTextCustom:after {
    bottom: 100%;
    left:48%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #151f28;
    border-width: 10px;
}

.footer #buttonDisplayEditor {
    display: none
}

.mobileArrow {
    display: none;
}

.FinishedAttemptFooter {
    width: 98%;
    /*top: 80%;*/
}

#table.table {
    width: 100%;
    display: inline-block;
}

.highlightText #table.table {
    border: 1px solid #edf2f6;
}

.activeLi .icon.Carousel-Right {
    -webkit-transform: rotateZ(180deg);
    /* Safari */
    transform: rotateZ(180deg);
    /* Standard syntax */
    fill: #151f28;
}

.parent {
    position: relative;
    overflow: hidden;
    height: 200px;
    width: 100%;
    background: #ddd;
}

.scrollable {
    overflow-y: scroll;
    position: absolute;
    padding: 0 17px 0 0;
    width: 100%;
    height: 100%;
}

.scrollbar {
    cursor: n-resize;
    position: absolute;
    overflow: auto;
    top: 0px;
    right: 0px;
    z-index: 2;
    background: #444;
    width: 17px;
    border-radius: 8px;
}

.windowWrap.template-Splash {
    overflow: auto;
}

.resultBottomTxt h2 {
    color: #2c3a47;
}

.dropdown-menu:after {
    content: " ";
    width: 20px;
    height: 18px;
    /* background: red; */
    position: absolute;
    top: 33px;
    right: -15px;
    background: radial-gradient(circle at top right, transparent 15px, #1c2935 10px);
    display: none;
}

.dropdown-menu:before {
    content: " ";
    width: 32px;
    height: 18px;
    position: absolute;
    top: -15px;
    background: radial-gradient(circle at top left, transparent 15px, #1c2935 5px);
    right: 28px;
}

.floatRightParent div.bg_black {
    top: 0px;
    background-color: transparent;
    margin: 0;
    border-radius: 6px;
    right: 0;
    width: 100%;
    height: 100%;
}

.allTopIcon svg {}

#contentBlock #accordion.panel-group .panel-heading.openedTab .panel-title.active {
    border-radius: 6px 6px 0 0;
}



.darkTheme .optionsMenu .close {
    background: #1c2935;
}

.optionsMenu .close {
    width: 48px;
    height: 48px;

    border-radius: 10px 10px 0 0;
}

.dropdownCol span {
    margin-right: 15px;
}

.allTopIcon .clickable.swithcToggle {
    margin-right: 15px;
    margin-left: 14px;
}

.topicImageDiv .imgBg {
    background: #1c2935;
    border-radius: 6px 6px 0px 0px;
}

.modal-header .modal-title h2 {
    margin: 0;
}

.dropdown-menu .option.optionsMenu {
    display: block;
    width: 100%;
    display: flex;
    background: #1c2935;
}

.dropdown-menu #mo-1 {
    width: auto;
    display: inline;
    float: right;
    margin-top: -53px;
    background: transparent;
}

.dropdown-menu .optionsMenu svg.icon,
.dropdown-menu .optionsMenu span.optionText {
    cursor: pointer;
}

.allTopIcon .fontIncrement svg.icon-font_size {
    width: 27px;
}


/******Custom Scroll******/

.sb-container {
    position: relative;
    overflow: auto;
    padding-right: 10px;
}

.sb-content {
    height: 100%;
    width: 120%;
    overflow-y: scroll;
    box-sizing: border-box;
    /*  padding-left: 30px; */
    padding-right: 20%;
}

.sb-scrollbar-container {
    position: absolute;
    right: 7px;
    bottom: 5px;
    top: 5px;
    width: 1px;
    background: #2c3a47;
    z-index: 9;
}


/* .sb-container-noscroll .sb-scrollbar-container {
    right: -20px;
} */
/* 
.sb-scrollbar {
    position: absolute;
    right: 0;
    height: 30px;
    width: 5px;
    border-radius: 10px;
    left: -2px;
    background: #2c3a47;
}

.sb-scrollbar:hover {
    background: rgba(0, 0, 0, 0.5);
}
 */
.container-example1 {
    max-width: 100%;
    padding: 5px 10px;
    margin: auto;
    width: 100%;
}


/********Custom SCroll end***********/

.transcriptBtn svg {
    margin-top: 3px;
    margin-left: 5px;
    float: left;
}

.submitBtnContainer .btn.btn-default {
    min-height: 35px;
    line-height: 26px;
}

.footericon.icon-prev {
    float: left;
}

.footericon.icon-next {
    float: right;
}

.carousel-indicators .active,
.carousel-indicators li.makeItWhite.active {
    background: #2c3a47;
}

.dottedControls.active {
    background: #2c3a47;
}

#contentBlock .hotspotSearchCircle svg {
    fill: #fff
}

.modal-title h2,
h3.modal-title {
    color: #fff;
}

span.TotalDurationText {
    border-right: 1px solid #d8d8d8;
}

.durationClass {
    padding: 4px 20px 6px 20px;
}

.titleBar .durationText {
    border-right: 1px solid #d8d8d8;
    padding: 4px 10px 4px 5px;
}

.durationSlice {
    display: inline-block;
    padding: 4px 0 5px 5px;
    float: left;
}

.dark #contentBlock .durationSlice svg.icon.icon-clock-o {
    fill: #fff;
    padding-top: 3px;
}

#mo0 .leftContent {
    /* padding-left: 9px; */
}


/* .TopicTemplate .container-example1 .sb-content:after{
    background: #fff;
position: absolute;
right: 0;
content: ' ';
width: 13px;
height: 100%;
top: 0;
} */

.flipImgButtonParent.visited .flipBtnContainer .flip .visitedFlip button.flip {
    background-color: #6c8092;
}

/* .flipImgButtonParent.visited .front img {
    border: 1px solid #6c8092;
} */
.visitedFlip.hover .flipImgButtonParent.visited .flipBtnContainer .flip {
    background-color: #2c3a47;
    border: 0;
    border-radius: 0px 0px 4px 4px;
}



.TopicTemplate.assessment.disabled {
    opacity: 0.6;
}

#playerParent {
    position: relative;
}

#bookmarkPopup .modal-footer .btn.themeBtn {
    border: 1px solid transparent;
    box-shadow: none;
}

grammarly-btn {
    display: none
}

.assessmentScreen .navbtn2 {
    width: 100%;
}

.template-Template .imageText {
    margin-top: 10px;    margin-bottom: 15px;
}

.menu-item-container .subMenu {
    display: none;
}

.subMenuWraper {
    /*  background: #fff; */
    position: absolute;
    z-index: 999;
    height: 100%;
    left: 216px;
    display: none;
    width: 25%;
    cursor: pointer;
    z-index: 99999;
}

.subMenuWraper li {
    list-style-type: none;
    display: block;
    float: left;
    width: 100%;
    padding: 8px 0;

}

.HideSubMenu {
    display: none;
}

.custom-menu .subMenu {
    display: none !important;
}

.subMenuWraper .subMenu {
    display: block
}

.activeLiParent .subMenuWraper {
    display: block
}

.template-Splash .subtitleBar {
    margin-bottom: 10px;
}

.imgLeft {
    padding-left: 0;
}

.imgCenter {
    padding: 0;
}

.imgRight {
    padding-right: 0;
}

.imageHolderParent .imageHolder {
    float: left;
    background: #f4f6f8;
    border-radius: 6px;
}

.submitBtnContainer {
    padding: 0;
}

.subMenuWraper .pages {
    cursor: pointer;
    display: flex;
}

#singleSelectModal .submitBtnContainer,
#multipleSelectModal .submitBtnContainer,
#quizModal .submitBtnContainer {
    float: right;
    width: auto;
}

#singleSelectModal .submitBtnContainer .btn-default,
#multipleSelectModal .submitBtnContainer .btn-default,
#quizModal .submitBtnContainer .btn-default {
    padding: 0px 20px;
    border-radius: 50px;
    border: 0;
}

#singleSelectModal .feedbackContent,
#multipleSelectModal .feedbackContent,
#quizModal .feedbackContent {
    padding: 20px 16px;
}

#InsertionModal .submitBtnContainer {
    width: 100%;
}

.questionDescription {
    text-align: left;

    /* min-height: 140px;  */
    overflow: auto;
    margin-bottom: 0px;
}

.modal-header .modal-title {
    color: #fff;
    text-align: left;
}

.modal-body .imageHolder svg {
    stroke-width: 0;
}

.topic-slice {
    padding: 5px 0 0;
    float: left;
}

.modal .imageHolder svg {
   /*  width: 116px; */
    height: 116px;
    margin-top: 30px;
    margin-left: 21px;
}

/* .flipper .templateAudio .progress {
    width: 88%;
}
.panel-collapse .templateAudio .progress, .tabContent .templateAudio .progress{
    width: 96.5%;
}
.verticalTabContent .tabContent .templateAudio .progress{
    width: 94.5%;
} */
.accordion-wrapper .templateAudio,
.clsverticalTabs .templateAudio,
.verticalTabContent .templateAudio,
.sequence_buildup .templateAudio,
.hotspotContainer .templateAudio {
    /* display: flex !important; */
    margin-bottom: 10px;
}

.accordion-tab .icon.icon-minus,
.accordion-tab .icon.icon-reveal {
    margin-top: 3px;
}

.hotspotContainer .templateAudio {
    margin-bottom: 0px;
    display: flex;
}

.topic-slider {
    position: absolute;
    right: 10px;
}

.topic-slider svg {
    width: 15px;
}

.dropdown-menu .optionsMenu svg.icon.icon-help-circle {
    height: 31px;
    margin-left: -3px;
    margin-top: -8px;
}

.dropdown-menu .optionsMenu svg.icon-file-copyright {
    height: 27px;
    stroke-width: .1px;
    stroke: #fff;
    width: 26px;
}

.dropdown-menu .optionsMenu svg.icon-book-open-3 {
    height: 22px;
}

.dropdown-menu .optionsMenu svg.icon-id-card-1 {
    height: 31px;
}

.maxattempt_svg {
    margin-top: 20px;
}

.titleDescription.finishedAttempts h2 {
    color: #2c3a47;
}

.FinishedAttemptFooter {
    position: absolute;
}

.backgroundTranspe {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
}

.cource-loader {
    text-align: center;
    z-index: 99;
    bottom: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}

.cource-loader img {
    margin-top: 25%
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    margin-top: 27%;
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 32px 32px;
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d8d8d8;
    margin: -3px 0 0 -3px;
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
    top: 50px;
    left: 50px;
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
    top: 54px;
    left: 45px;
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
    top: 57px;
    left: 39px;
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
    top: 58px;
    left: 32px;
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
    top: 57px;
    left: 25px;
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
    top: 54px;
    left: 19px;
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
    top: 50px;
    left: 14px;
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
    top: 45px;
    left: 10px;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

button.close,
.close:hover,
.close:focus {
    color: #fff;
}

.dropdown-menu .option.optionsMenu:last-child .leftContent {
    background: transparent;
}

.dropdown-menu .option.optionsMenu:last-child {
    border-radius: 0 0 0 6px;
}

/* .withWatermark::before {
    background:none !important;
} */

ul.nav-tabs {
    margin: 0;
}

#contentBlock .icon.icon-pause-button {
    /* fill: #fff;
    stroke-width: 2px;
    stroke: #6ab04c; */
}

.inversion .withWatermark::before {
    display: none;
}

.assessment-splash .custom-menu {
    margin: 0;
}

.slideIt .modules svg.Carousel-Right {
    width: 20px;
}

.tabContent .templateAudio {
    /* display: flex !important; */
}

.content .multipleSelect ul,
.content .multipleSelect ol,
.content .singleSelect ul,
.content .singleSelect ol {
    margin-left: 0px;
}

.zoomify::after {
    /* content: "&#xf00e"; */
    content: "reddddd";
    position: absolute;
    top: 0;
    left: 0;
    color: red;
    z-index: 99999;
    width: 20px;
    height: 20px;
    background: red;
}

.lightTheme .transparentWrapper,
.lightTheme .Pop_overlay,
.lightTheme .hideMenuSlide::after {
    opacity: 0
}

.lightTheme .windowWrap {
    -webkit-box-shadow: 0px 10px 15px 8px rgba(229, 229, 229, 1);
    -moz-box-shadow: 0px 10px 15px 8px rgba(229, 229, 229, 1);
    box-shadow: 0px 10px 15px 8px rgba(229, 229, 229, 1);
    background: #fff;
}

.lightTheme #contentBlock,
.lightTheme .windowWrap.assessment-splash #contentBlock {
    background-color: #f1f1f1;
}

.lightTheme.bodyWrapper,
.lightTheme .navopen,
.lightTheme #langBoxInner {
    background: #f1f1f1;
}

.lightTheme .footer {
    background: transparent
}


.lightTheme .splashPage p,
.lightTheme .content .splashPage p,
.lightTheme .content .splashPage ul,
.lightTheme .footer,
.back .panel-body,
.lightTheme .highlightText p,
.lightTheme .highlightText ul,
.lightTheme .highlightText ol,
.lightTheme .optionsMenu .optionText,
.lightTheme .Nav-headerHomeIcon {
    color: #2c3a45;
}

.lightTheme .hideTranscript {
    background: #fff !important;
}

.lightTheme .hideTranscript::before {

    background: radial-gradient(circle at bottom right, transparent 15px, #fff 0px);

}

.lightTheme .highlightText,
.lightTheme .hideMenuSlide,
.lightTheme .navopen::after,
.lightTheme .optionsMenu .close,
.lightTheme .dropdown-menu .option.optionsMenu,
.lightTheme .floatRightParent .dropdown-menu,
.lightTheme .selectLangBox,
.lightTheme .titleBar .durationClass {
    background: #fff;
    color: #2c3a45;
}

.lightTheme .hideMenuSlide::before {
    background: radial-gradient(circle at top right, transparent 15px, #fff 0px);
}

.lightTheme .dropdown-menu:before {
    background: radial-gradient(circle at top left, transparent 15px, #fff 5px);
}

.lightTheme .dropdown-menu {
    box-shadow: 0px 0px 2px 1px rgba(229, 229, 229, 1);
}

.lightTheme .startCourseBtn {
    /* background: #fff; */
}

.lightTheme .subMenu {
    background-color: #f8f8f8;
}

.lightTheme #menuOptionsModal_0 .modal-header,
.lightTheme #menuOptionsModal_1 .modal-header,
.lightTheme #bookmarkPopup .modal-header,
.lightTheme #menuOptionsModal_2 .modal-header,
.lightTheme #menuOptionsModal_3 .modal-header,
.lightTheme #menuOptionsModal_4 .modal-header {
    background-color: #4b4b4b;
    color: #fff;
}

.lightTheme .hover .flipBtnContainer .flip.SpinMe {
    background: #727272;
    color: #fff;
    border: 1px solid #727272;
}

.lightTheme .visitedFlip.hover .flipImgButtonParent.visited .flipBtnContainer .flip,
.lightTheme .resultFail .progress-radial .overlay,
.lightTheme .activeLi li:first-child,
.lightTheme .menu-item-container>li:hover {
    /*background-color: #727272;*/
    background: #2c3a47;
    color: #fff;

}

.lightTheme .flipImgButtonParent.visited .front img {
    border: 1px solid #d8d8d8;
}

.lightTheme .visitedFlip .flipImgButtonParent.visited .flipBtnContainer .flip {
    background: #d8d8d8;
    border: 1px solid #d8d8d8;
    color: #2c3a47;
}

.lightTheme .nav-tabs.nav-justified>.active>a,
.lightTheme .nav-tabs>li.active>a {
    background-color: #727272;
    border: 1px solid #727272;
}

.lightTheme .nav-tabs li.visited a {
    border: 1px solid #d8d8d8;
    background-color: #d8d8d8;
}
.lightTheme .nav-tabs li.visited a p{color: #2c3a47;}
.lightTheme .nav-tabs li.visited a h3 {
    color: #2c3a47;
}

.lightTheme #contentBlock #accordion.panel-group .panel-heading.openedTab .panel-title.active,
.lightTheme .carousel-indicators .active,
.lightTheme .carousel-indicators li.makeItWhite.active,
.lightTheme .optionHolder li.classSelectedLabel,
.lightTheme .nav-tabs li.visited.active a,
.lightTheme .modal .modal-dialog .modal-content .modal-header,
.lightTheme .hotspot_square .hotspotSearchSquare.Visited,
.lightTheme .hotspot_circle .hotspotSearchCircle.Visited {
    background-color: #727272;
}

.lightTheme .modal .modal-dialog .modal-content .modal-header {
    background: #484848;
}

.lightTheme #contentBlock #accordion.panel-group .panel-heading.visited,
.lightTheme .carousel-indicators li.makeItWhite {
    background-color: #d8d8d8;
}

.lightTheme .visited .accordion-title h3 {
    color: #2c3a47;
}

.lightTheme #contentBlock .accordion .panel-heading.visited.openedTab .panel-title .icon-plus svg,
.lightTheme .menu-item-container li:hover svg, .lightTheme .activeLi .icon.Carousel-Right {
    fill: #fff;
}

.lightTheme #contentBlock .accordion .panel-heading.visited .panel-title .icon-plus svg {
    fill: #2c3a47;
}

.lightTheme .nav-tabs li.visited.active a,
.lightTheme .table tr:first-child td,
.lightTheme .table tr:first-child td li {
    border: 1px solid #727272;
    background-color: #727272;
}

.lightTheme .nav-tabs li.visited.active p a{
    border: 0px solid #727272;
    background-color: transparent;
}

.inversion .optionsMenu span:first-child,
.inversion .optionsMenu .close {
    fill: #fff;
}


.currentElementParent {
    display: block;
    padding-right: 10px;
}
.HotspotScrollData h3, .HotspotScrollData h2, .HotspotScrollData h4{/*display:none*/}
.hotPopData .currentElementParent .HotspotScrollData {
    max-height: 200px;
    overflow: auto; 
    line-height: initial;
    
}

.hotPopData h3 {
    padding-right: 22px;
}

#contentBlock .hotPopData p {
    margin: 0px;line-height: 24px;
}

#contentBlock .hotPopData ul,
#contentBlock .hotPopData ol {
    margin-bottom: 10px;
    margin-top: 10px;
}

#contentBlock .hotPopData ul li,
#contentBlock .hotPopData ol li {
    margin-bottom: 5px;
}

#contentBlock .hotPopData ul li:last-child,
#contentBlock .hotPopData ol li:last-child {
    margin-bottom: 0px;
}
.smallDevice .hotPopData {position: fixed;}
.hotPopData {

    padding: 14px 0 20px 20px;
    width: 320px;
    display: inline;
    position: absolute;
    top: 50px;
    color: #2c3a47;
    background: #fff;
    border-radius: 8px;
    /* box-shadow: 1px 1px 3px #ababab; */
    opacity: 1;
    text-align: left;
    box-sizing: border-box;
    z-index: 999;
    max-height: 340px;

}

.AddInteractivityBox {

    position: absolute;
    left: 50%;
    border: 1px solid transparent;
    top: 0;
    height: 100%;
    display: inline-block;
    /* z-index: 99; */
}

.AddInteractivityBox a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #fff;
    animation: shadow-pulse 1.5s infinite;

}

.AddInteractivityBox a:hover {
    text-decoration: none
}

.AddInteractivityBox a.active,
.AddInteractivityBox a.visited.active {
    background: #2c3a47;
    animation: none;
}

.AddInteractivityBox a.visited {
    background: #6d8091;
}

.AddInteractivityBox a::after {
    content: " ";
    position: absolute;
    display: block;
    background-color: #fff;
    height: 2px;
    top: 12px;
    left: 5px;
    right: 5px;
    z-index: 9;
    border-radius: 2px
}

.AddInteractivityBox a::before {
    content: " ";
    position: absolute;
    display: block;
    background-color: #fff;
    width: 2px;
    left: 12px;
    top: 5px;
    bottom: 5px;
    z-index: 9;
    border-radius: 2px
}

.hotPopData.arrowLeftTop {
    border: 1px solid #ccc;
}

.hotPopData.arrowLeftTop:after,
.hotPopData.arrowLeftTop:before {

    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.hotPopData.arrowLeftTop:after {
    left: -24px;
    top: 16px;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 14px;
    margin-top: -14px;
}

.hotPopData.arrowLeftTop:before {
    left: -24px;
    top: 23px;
    border-width: 12px;
    margin-top: -19px;
    border-color: rgba(245, 64, 64, 0);
    border-right-color: #ccc;

}

.hotPopData.arrowLeftBottom {
    border: 1px solid #ccc;
}

.hotPopData.arrowLeftBottom:after,
.hotPopData.arrowLeftBottom:before {

    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: -9;
}

.hotPopData.arrowLeftBottom:after {
    left: -21px;
    bottom: 6px;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 14px;
    margin-top: -14px;
}

.hotPopData.arrowLeftBottom:before {
    left: -18px;
    bottom: 11px;
    border-width: 9px;
    margin-top: -19px;
    border-color: rgba(245, 64, 64, 0);
    border-right-color: #ccc;

}

.arrowRightTop {
    border: 1px solid #ccc;
}

.arrowRightTop:after,
.arrowRightTop:before {

    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: -9;
}

.arrowRightTop:after {
    right: -26px;
    top: 30px;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 16px;
    margin-top: -30px;
}

.arrowRightTop:before {
    right: -24px;
    top: 40px;
    border-color: rgba(245, 64, 64, 0);
    border-left-color: #ccc;
    border-width: 12px;
    margin-top: -36px;
}


.arrowRightBottom {
    border: 1px solid #ccc;
}

.arrowRightBottom:after,
.arrowRightBottom:before {

    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: -9;
}

.arrowRightBottom:after {

    right: -24px;
    bottom: 1px;
    border-color: rgba(80, 80, 80, 0);
    border-left-color: rgba(80, 80, 80, 0);
    border-left-color: #fff;
    border-width: 16px;
    margin-top: -30px;
}

.arrowRightBottom:before {

    border-color: rgba(245, 64, 64, 0);
right: -18px;
    bottom: 8px;
    border-left-color: #ccc;
    border-width: 9px;
    margin-top: -36px;
}

.hotPopClose {
    position: absolute;
    right: 20px;
    top: 0px;
    font-size: 25px !important;
    display: none;
}

.hotPopClose:hover {
    color: #2d2d2d;
    cursor: pointer
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.5);
    }

    100% {
        box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
    }
}

.smallDevice .hotPopData {
    
    top: 20%;
    width: 90%;
    left: 5% !important;
}
.AddInteractivityBox.smallDevice {
    width: 100% !important;
    max-width: 100% !important;
    left:0 !important;
    margin-left:0 !important;
}
.overlayFaded {
    z-index: 9;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #333;
    opacity: .5;
    display: none;
    border-radius: 0px;
}

#contentBlock .modal h4.modal-title {
    min-height: 29px;
}

#sortable p span {
    position: relative;
    height: auto;
    float: none;
    display: contents;
}

#sortable li .sequence_option p {
    /* display: ruby; */
}

.sequence_buildup .panel-body figure img {
    margin: 0px auto
}

.menuOptionsModal .imageHolder svg.icon {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.menuOptionsModal .imageHolder .aboutLi svg.icon {

    height: 131px;
    margin-top: 8px;

}

.menuOptionsModal .imageHolder .copyRightLi svg.icon {
    height: 127px;
    margin-top: 14px;
}

.menuOptionsModal .imageHolder .helpLi svg.icon {
    height: 136px;
    margin-top: -15px;
    margin-bottom: 8px;
}

.menuOptionsModal .imageHolder .meLearningLi svg.icon {

    height: 140px;

}

.menuOptionsModal .imageHolder {
    background: #f4f6f8;
    border-radius: 8px;

    /* margin-left: 14px; */
}

.menuOptionsModal .modal-body {
    padding-bottom: 20px;
    display: inline-block;
    width: 100%;
}
#menuOptionsModal_3.menuOptionsModal .modal-body{
    padding-right: 0;
}
#contentBlock .feedbackContent .questionDescription ul {
    padding-left: 20px;
}

#contentBlock .appendTinymceClassForEdit ul li, #contentBlock .appendTinymceClassForEdit ol li {
    margin-top: 5px;
}
#contentBlock .appendTinymceClassForEdit ul li:first-child {
    margin-top: 0px;
}
.textImageCenter .text-justify {
    padding: 0px
}

.inversion .transcriptLayer span {
    color: #fff !important
}

.textImageLeft .col-xs-12:first-child {
    padding-left: 0;
}

.assessment-splash.subtitleBar {
    margin-bottom: 20px
}

.topicImage h3.topicName {
    color: #fff
}

.flip-container.visitedFlip .flipParent .flipImgButtonParent.visited {
    border: 1px solid #6c8092;
    border-radius: 6px;
    overflow: hidden;
}

.flip-container.hover .flipParent .flipImgButtonParent.visited {
    border: 1px solid #2c3a47;
    border-radius: 6px;
}

#contentBlock figure.imghvr-zoom-out,
#contentBlock .singleSelect .grow img,
#contentBlock .multipleSelect div div img {
    /*background: #fff;*/
    border-radius: 6px;
}

.imageText div.col-xs-12:first-child {
    padding-left: 0px
}

.optionsMenu .icon.icon-cancel1 {
    width: auto;
}

.singleSelect img {
    background: #fff
}

.assesementBtnAlign {
    text-align: right;
}

@media (max-width: 767px) {
    .menuList{width: 90% !important; margin: 2% 0% 0% 8%  !important;}
    .imageHolderParent .imageHolder {
        text-align: center;
    }

    .menuOptionsModal .modal-body {
        display: inline-block;
        width: 100%;
    }
}

.tab-pane figure {
    text-align: center
}

.inversion .modal .modal-body p span {
    color: #fff !important
}

.sequenceBuilder .highlighter .panel-heading {
    visibility: visible;
        min-height: 57px;
    /* padding-bottom: 5px; */
    padding: 5px;
}

.TopicCpation .topicName p,
.TopicCpation .topicName {
    overflow: hidden !important
}


.textOverlayTemplate {
    padding: 20px;
    color: #fff;
    background: rgba(29, 41, 52, 0.8);
    color: #fff;
    height: 100%;
    display: inline-table;
    background-size: cover !important
}

.textOverlayTemplate .titleDescription ul,
.textOverlayTemplate .titleDescription ol {
    color: #fff
}

.imageHolder .leftContent {

    width: auto;
    padding: 0;
    margin: 0px auto;
    float: none;
    margin-right: 0;

}

.flip-container .visited .panel-heading p {
    color: #2c3a45;
}

.lightTheme .progress {
    background-color: gray;
}

.textOverlayTemplate .titleBar {
   /*  width: auto */
}

/* .sequence_buildup .imghvr-zoom-out img{margin: 0px auto;} */
.textOverlayTemplate {
    background-size: cover !important
}

.textOverlayTemplate p {
    color: #fff
}

.menuOptionsModal .modal-body .xsTop15.xsPadding0 {
    max-height: 195px;
    overflow: auto;
}

.assessmentScreen #contentBlock {
    padding: 20px !important;
    background: #fff !important;
}

.lightTheme .textOverlayTemplate .highlightText p {
    color: #2c3a45 !important
}

.transcriptLayer ol,
.transcriptLayer ul {
    list-style-position: outside;
    margin-left: 10px;
}

.footericon.icon-Return{
    display: inline-block;
    float: left;
}

#returnToQuesBtn.startCourseBtn {
    position: relative;

    color: #fff;
    padding-bottom: 5px;
    margin-top: 5px
}

.questionImageExits .dropdown-menu>li>a {
    white-space: unset;
}

#customPlayer #slider .ui-slider-handle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 0;
}

#playerHolder {
    width: 100%
}

.progressHolder #slider {
    cursor: pointer;
    border: 0;
}

.custom-syavv {
    overflow: auto;
}

#continueVideo {
    margin-bottom: 20px;
}

#interactivityHolder .hotspotContinue {
    transform: rotate(270deg);margin-right: 20px;
}

#interactivityHolder .correctAnsOpt label.CorrAnsTxt {
    padding-left: 50px
}

.checkDeviceMode span.deviceClose {
    float: right;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 7px;
    text-align: center;
    padding-top: 0px;
    font-size: 17px !important;
    line-height: 20px;
    color: #fff;
    cursor: pointer;
}

#fullscreen .icon-fullscreen_new,
#fullscreen .icon-exit_fullscreen_new {
    width: 22px;
    height: 27px;
}

.fullscreenVideo {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    right: 0;
    z-index: 999;
    height: 100%;
}

.fullscreenVideo video {
    max-height: 100%;
}

.fullscreenVideo #videoPlayer {
    position: absolute
}

.hvr-wobble-horizontal .icon-play_new {
    width: 30px;
    /* height: 40px; */
}

.flipper {
    min-height: auto !important
}

.img_flip,
.demo {
    max-height: auto !important;
    min-height: auto !important;

}

.flip_html {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width:100%;
    margin-top: 10px;
}

.flip-container {
    /* width: 337px !important; */
    display: inline-block;
}

.lock_navigation:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    z-index: 999;
    background: transparent;
    left: 0;

}
#returnToQuesBtn{border-radius:20px;height: 32px;padding: 4px 10px; line-height: 26px;}
.GeneralFooterReturnQue{ border-radius: 20px;}
.GeneralFooterReturnQue .PrevBtnQuiz, .GeneralFooterReturnQue .NxtBtnQuiz{
    display: inline-block;
    /* border: 1px solid #fff; */
    border-radius: 50%;
    text-align: center;
    width: 32px;
    background: #fff;
    height: 32px;
}
.GeneralFooterReturnQue .PrevBtnQuiz .footericon, .GeneralFooterReturnQue .NxtBtnQuiz .footericon{margin-top: 3px; width: 19px;}

.GeneralFooterReturnQue .PrevBtnQuiz { margin-left: -1px;}
.GeneralFooterReturnQue .NxtBtnQuiz { margin-right: -1px;}

#pgReturnCounter{ top: 6px !important;}

.GeneralFooterReturnQue .PrevBtnQuiz .footericon {
    margin-left: 4px;
}
.GeneralFooterReturnQue .NxtBtnQuiz .footericon{margin-right: 4px;}
.textOverlayTemplate ul li{color:#fff}

.inversionOn .left.textOverlayTemplate, .inversionOn .right.textOverlayTemplate{width:100%}
 .questionDescription{/*max-height: 225px;*/} 
.flipParentContainer .flip-container {

    width: 32% !important;
float: left;
margin-right:2%;
}

.titleName .timer .duration{margin-top: 3px;margin-left: 4px;float: left;}
.titleName .timer .template_minutes{margin-top: 3px;margin-left: 4px;float: left;}
.slashIntroduction .subtitleBar{margin-top:0 !important;}
.slashIntroduction{background:rgba(44, 58, 71, 0.6);padding: 20px 20px; width: 530px;margin-top: 0%;border-radius: 10px;display: inline-block;float: left; margin-left: 0px;}
.slashIntroduction .titleName .timer svg.icon{width: 19px;}
.feedbackbutton .queReviewBTN, .feedbackbutton .queRetryBTN{margin-top: 4px;}
.feedbackbutton .btn{margin-left:10px}

.imageHolderParent .titleDescription #buttonDisplayEditor {margin-top: 15px;}
#buttonDisplayEditor {margin-top: 15px;padding: 0;}


#InsertionModal .feedbackContent {
max-height: 250px;
overflow: auto;}
.feedbackContent {
   /*  margin-bottom: 10px; */
}
.slashIntroduction #buttonDisplayEditor{position: inherit !important;float: left;    width: 100%;}

.clsassessment .slashIntroduction .subtitleBar{padding:0;margin-bottom: 15px;}
.clsassessment .slashIntroduction .titleDescription{padding:0}
.clsassessment .slashIntroduction #buttonDisplayEditor{padding:15px}
.inversionOn .clsassessment .slashIntroduction #buttonDisplayEditor{padding:0px}

.titleBar .durationClass .durationSlice .icon  {

    height: 22px;
    margin-top: 2px;

}

.inversionOn.assessmentScreen #contentBlock {
    background: #000 !important;
}
.inversionOn .template-Splash .content#contentBlock, .inversionOn .assessment-splash .content#contentBlock{background:#161616 !important}
.inversionOn .template-Splash .content#contentBlock .slashIntroduction, .inversionOn .assessment-splash .content#contentBlock .slashIntroduction{
    background: #161616;

}
#playerHolder{background: #000;bottom:auto;}
.resizeContainer #playerHolder{bottom: -33px !important;}


.mobileFooter .classFooterRow #buttonDisplayEditor{display:none !important}
body.bodyWrapper.spashScreen .mobileFooter .classFooterRow #buttonDisplayEditor{display:block !important}

.lightTheme .splashPage .slashIntroduction p, .lightTheme .content .splashPage .slashIntroduction p{
/*  color:#fff */
}

.textOverlayTemplate .highlightText ul li{color: #2c3a45;}

.darkTheme .textOverlayTemplate .highlightText ul li {
    color: #fff;
}
.inversionOn .textOverlayTemplate .highlightText ul li {
    color: #fff;
}
.flipParent .flipImgButtonParent.unvisited{overflow: hidden;}
.backendAssetsDivToShow{display:none}
.frmAssetsDivToShow{display:block}
.languagePage{font-family: sans-serif !important;}


.frmAssetsDivToShow.hideTemplateAudioIcon{display:none}
.hotspotContainer .parentCenterDiv{
    justify-content: center;
    display: flex;
}

.inversionOn .topPannelReturnToQue {
    background: #000;
    border: 1px solid #ffff01;
    border-radius: 5px 5px 0px 0;
}
.inversionOn .GeneralFooterReturnQue{border-radius: 15px;border: 1px solid #ffff01;background: #000;}

.inversionOn .GeneralFooterReturnQue .PrevBtnQuiz, .inversionOn .GeneralFooterReturnQue .NxtBtnQuiz{
    background: #ffff01;
}
.inversionOn .GeneralFooterReturnQue .PrevBtnQuiz .footericon, .inversionOn .GeneralFooterReturnQue .NxtBtnQuiz .footericon {
    fill: #000;
}

.inversionOn .transcriptLayerWrap {
    background: #161616;
}
.fullscreenVideo .resizeContainer #playerHolder {
    bottom: 0px !important;
}

.inversionOn .queCircle.completed span, .inversionOn .hotspotClick, .inversionOn .hotspotPopupContent .clsbtn, .inversionOn .firsttitlebx .title {
    background-color: #000;
    background: #ffff01;
}
.inversionOn #contentBlock .plybg.videoPoster svg {
    fill: #000;
}
.inversionOn #interactivityHolder div.plybg {
    background: #ffff01 !important;
}
#continueVideo span.label{text-transform: uppercase;}

.inversionOn #interactivityHolder .hotspotContinue {background: #ffff01 !important; animation: shadow-pulse 1.5s infinite;border: 0;}
.inversionOn #interactivityHolder .hotspotContinue svg {fill: #000 !important;}

.flip-container .demo .img_flip {
    border-radius: 0;
}
.inversionOn .hotspotPopupContent.arrowLeftTop:before {border-right-color: #ffff01;}
.inversionOn .hotspotPopupContent.arrowLeftTop:after {border-right-color: #000;}

.inversionOn .hotspotPopupContent.arrowLeftBottom:before { border-right-color: #ffff01;}
.inversionOn .hotspotPopupContent.arrowLeftBottom:after { border-right-color: #000;}

.inversionOn .hotspotPopupContent.arrowRightTop:before {    
right: -24px;
top: 23px;
border-width: 12px;
margin-top: -19px;border-left-color: #ffff01;
}
.inversionOn .hotspotPopupContent.arrowRightTop:after {    border-left-color: #000;}

h3.text-FeedBack svg.icon{margin-top: 5px;}
#interactivityHolder hr{margin-top: 10px;}
#continueVideo span.label{padding: 0;}

.hotspotContinue .iconHeader.icon-down {  margin-top: 3px;}


.inversionOn .hotspotPopupContent{border: 1px solid #ffff01;background: #000 !important;}

.inversionOn .hotspotCloseButton .clsbtn {
    background: #ffff01;
}
.lightTheme .assessment-splash .slashIntroduction, .lightTheme .template-Splash .slashIntroduction{ 
    background: rgba(255,255,255,0.8);
    /* border: 1px solid #ddd; */
}
.lightTheme .assessment-splash .slashIntroduction span, .lightTheme .template-splash .slashIntroduction span, .lightTheme .assessment-splash .content .slashIntroduction p, .lightTheme .template-splash .content .slashIntroduction p{ color: #2c3a47;}

.slashIntroduction .timer {
    font-size: 14px;
}

.lightTheme .slashIntroduction ul, .lightTheme .slashIntroduction ol{color: #fff;}
.tab-content #info{visibility:hidden;}

.menuOptionsModal .imageHolder .leftContent svg {
    width: 108px;
}
.inversionOn .queCircle.completed span{
    background: #ffff01;
}
.slashIntroduction .titleDescription { /*display: inline-block;*/}
.slashIntroduction .titleDescription span{ 
    /*max-height: 220px;
    overflow: auto;
    height: auto;
    display: inline-block;
    padding-right: 25px;*/
}
.splashImageActive.lightTheme .template-Splash .slashIntroduction{
    border: 0;
    box-shadow: none;
    width: 100%;
}
.splashImageActive.inversionOn .template-Splash .slashIntroduction{
    width: 96%;
    margin:2%;
}
.login-inner .login-logo img{height: 62px;}

.lightTheme.splashImageActive .slashIntroduction{
    width: 100%;
border: 0;
}
.headerTitle h3{
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor:pointer;
}
.clickableContent .appendTinymceClassForEdit ul, .clickableContent .appendTinymceClassForEdit ol { list-style-type: disc;}
.clsinteractiveVideo .hotspotPopupContent{
    box-shadow: none;
    border: 1px solid #ddd;
    border-radius: 8px !important;
    max-height: 310px;
   /* overflow: auto;*/
}
#interactivityHolder .hotspotCloseButton .clsbtn {

    background: #fff;
    color: #2c3a47;
    margin-top: 5px;
    margin-right: 3px;

}
.lightTheme .assessment-splash .slashIntroduction{width:100%; padding: 15px 0px;}
.inversionOn .assessment-splash .slashIntroduction{width:96%}

.darkTheme #langBoxInner #rightBtn, .darkTheme #langBoxInner #leftBtn {
    color: #f0f0f0;
}
.inversionOn .tooltipTextCustom.toolActive {
   
    transition: width 2s;
    color: #ffff01;
    position: fixed;
    background: #000;
    border: 1px solid #ffff01;
}
.spashScreen .slashIntroduction .page_template_description2 a{text-decoration: none;}
.spashScreen .slashIntroduction .page_template_description2 a:hover{text-decoration: underline;}

.flipParent .flipper .panel-body{width:100%}

.feedbackContent .imageHolderParent .col-xs-12.col-lg-8.col-sm-8.col-md-8{max-height: 225px;overflow: auto;margin-bottom: 15px;}

.splashImageActive.inversionOn.spashScreen .withWatermark::before{z-index:1}

.accordion-tab .appendTinymceClassForEdit a {word-break: break-all;}
.verticalTabs .tabContent .mce-content-body a{background:none}
.progressFill{position:absolute;left:0;height: 4px;}

.landscapeSquare .accordionImg{width: auto;height: auto;}



.parentCenterDiv.hotspot_square{justify-content: center;    }

.pageContent .horizontalTabContent .tab-content {
    padding: 20px 0;
}

.tab-template a .tab-li-columns p, .tab-template a .tab-li-row p{color:#fff; margin:0;line-height: 1.2;}
.tab-template.visited a .tab-li-columns p, .tab-template.visited a .tab-li-row p{color:#fff; margin:0;line-height: 1.2;}
.tab-template.visited.active a .tab-li-columns p, .tab-template.visited.active a .tab-li-row p {    color: #fff;}

.tab-template.visitedTab.visited.active a .tab-li-columns p, .tab-template.visitedTab.visited.active a .tab-li-row p {    color: #fff;}

.audioParent{display: flex !important}

.horizontalTabContent .tab-content .tabContent .row{margin: 0;}

.horizontalTabContent .tab-content .tabContent .row .col-lg-8.col-md-8.col-sm-12.col-xs-12{padding-left:0}
.sequence_buildup .Visited .titleDescription {
    visibility: visible;
}
.clickAndReveal .templateAudio{display:none !important}
.clickAndReveal .parentContainer .titleDescription{/*padding: 10px 0px 10px 10px;margin-top: 10px !important;*/}
.clickAndReveal .templateAudio.audioAxist{display: flex !important;    padding: 10px 10px 0px 8px;}

.hotspotContainerSquare .hotspot-img-box .accordionImg img{height:auto !important}

.verticalTabs .tab-template.clickableContent p a{
    background: transparent !important;
    border: 0 !important;
    word-break: break-all important;
}

.sequenceBuilder.sequenceBuildup{margin: 0px 0px;display: inline-block;width: auto;min-width: 100%;margin-bottom: 0px;margin-right: -10px;margin-left: -10px;}
.templateAudio.audioParent { display: flex !important;}

.editicon.tab p a{background:transparent !important;border:0 !important;position: relative;}

.editicon p a{position:relative}

.tab-template.visitedTab a .tab-li-columns p{color: #fff;}
.tab-template.visitedTab.active a .tab-li-columns p{color: #fff;}

.nav-tabs li p a {
    background: transparent;
}

p a, p a:hover {
    color: inherit !important;
}
p a:hover{text-decoration:underline}

p a .fa-external-link{display:none}
p a .fa-external-link:first-child{
    display:inline-block;
    margin-left: 5px;
    margin-right: 8px;
    font-size: 85%;
    font-weight: bold;
}
.splashImageActive .slashIntroduction{width:100%;margin-left: 0;}

.inversionOn.splashImageActive .slashIntroduction{width:96%}

.classFooterRow .startCourseBtn.template_start_time{line-height: 22px;}

.assessment-splash .slashIntroduction{width:100%}
.horizontalTabContent .templateAudio.audioParent, .verticalTabContent .templateAudio.audioParent{display: flex !important;}

.horizontalTabContent .templateAudio, .verticalTabContent .templateAudio{display:none !important}

.pageContent .tab-pane .tabContent
{
    padding: 0px 0px;
}
.interactive-video-quiz #submitBtn .submitAssesment {padding: 6px 20px 5px 20px;}
.Nav-headerHomeIcon span{margin-top: 1px;margin-left: 2px;}

#interactivityHolder #continueVideo {padding: 6px 20px 4px;}

.hotPopText p a{animation: none;background: transparent;}
.hotPopText p a:hover{font-weight:underline}

.showForMobile{display:none}
.courseHeaderForLogo .logo-img{position:relative;height: 30px;}
.logo.introLogoMobile{display:none}
.spashScreen .menuCustomWidth {
    display: none !important;
}
.datascroll{padding-right: 5px}
.clsinteractiveVideo .hotspotPopupContent .spacer {
   /* padding-left: 8px;*/
}

.sequence_buildup .highlighter .templateAudio {
    margin-top: 0%;
    margin-bottom: 0%;
}
#contentBlock .clickAndReveal .titleDescription {
    /*min-height: 150px;*/
    /*max-height: 130px;
    overflow: auto;*/
}

#contentBlock .clickAndReveal .titleDescription p {
    /*height: 111px;
    overflow: auto;
    padding-right: 10px;*/
}

#contentBlock .clickAndReveal .titleDescription {
   /* overflow: auto;    padding-bottom: 0;*/
   height: 105px;
    overflow: auto;
    padding-right: 10px;
}
.content .flip_html .flipParent .titleDescription{
max-height: 130px;
    overflow: auto;
    min-height: 130px;
    padding: 0 10px;
}
.hotPopData .currentElementParent .hotHeading h3{
    display: table-cell; 
    vertical-align: middle;
    height:auto;
}
.hotPopData .currentElementParent .hotHeading{min-height: 70px;
   min-height: auto;
    max-height: initial;
    overflow: auto;
    margin-bottom: 10px;
    display: none;
}
    
.inversionOn .template-Splash .content#contentBlock .slashIntroduction{
    margin-left:20px;margin-top: 20px;
}
.horizontalTabContent .tabContent .tab-img div.demo{text-align: center;}

#contentBlock .appendTinymceClassForEdit ul{
    padding-left: 8px;
    margin-left: 10px;
}
#contentBlock.clstextImage .appendTinymceClassForEdit ul{
    margin-bottom: 0;
}
 

.progressQuiz{padding-left: 0}

.resultBottomTxt h2 { 
    font-size: 30px !important;
}
.inversionOn .assessment-splash .slashIntroduction { 
    margin: 2%;
}
.slashIntroduction .subtitleBar{padding: 0}
#menuOptionsModal_2.menuOptionsModal .modal-body, #menuOptionsModal_1.menuOptionsModal .modal-body, #menuOptionsModal_4.menuOptionsModal .modal-body  {padding-right: 0}

.content.pageContent div p:last-child{margin-bottom: 0}
.optionHolder li:last-child{margin-bottom: 0}

.content.pageContent div p{margin-bottom: 8px}
.optionHolder li{margin-bottom: 8px}

/*.content.pageContent div p:first-child{margin-bottom: 10px}
.optionHolder li:first-child{margin-bottom: 10px}*/

.clickAndReveal .parentCenterDiv { 
    padding: 8px;
}
.hotspot .templateAudio .progress { 
    margin-bottom: 15px;
}

.clickAndReveal .titleDescription{padding-top: 10px;}
.no-padding{padding:0;}
.videoPodcast {margin-top: 10px;}

.clstextOnly#contentBlock .titleDescription { 
    margin-bottom: 10px;
}
.subMenu .pages .svgWrap {
    margin-right: 0px;
}
.caption.TopicCpation{
    top: 0;
    position: absolute;
    width: 100%;
}
.flipImgButtonParent .panel-heading h3, .flipImgButtonParent .panel-heading h2{margin-bottom: 0}
.flipImgButtonParent .panel-heading {
    padding: 5px 16px 0;
}
.flipper .progress {
    margin-bottom: 10px;
}
.topicRow{
    margin-left: -10px;
    margin-right: -10px;
}
.TopicTemplate.contentCards{ margin-bottom: 0px !important;}

.topicProgressDiv .statusImage .icon.icon-check-circle-3{margin-top: -4px;}
.topicProgressDiv .statusImage .icon.icon-not_started{width: 21px;}
.topicProgressDiv .statusImage .icon.icon-locked{width: 22px;stroke-width: 0.3;}
.maxattempt_svg{    width: 140px; margin-top: 5px;}


/* @-moz-document url-prefix() {
 
  

div, span {
   
  direction: ltr;
  scrollbar-color: #000 #e4e4e4;
  scrollbar-width: 5px;
 
}

div::-webkit-scrollbar, span::-webkit-scrollbar {
  width: 4px;
}

div::-webkit-scrollbar-track, span::-webkit-scrollbar-track {
  background-color: #e4e4e4;
  border-radius: 4px;
}

div::-webkit-scrollbar-thumb, span::-webkit-scrollbar-thumb {
  border-radius: 4px;
  border: 4px solid transparent;
  background-clip: content-box;
  background-color: #8070d4;
}

 

* {
  box-sizing: border-box;
}
} */
.nav-tabs.nav-justified > li > a p{margin-bottom: 0}
.tab-li-columns p, .tab-template p{margin: 0 !important}
.deleteElementBttText{display: none}
.template-Topic .titleDescription{/*display: none*/}
.textOverlayTemplate {
    overflow: auto;
    /* height: 675px; */
    display: block;
}

.clickAndReveal .templateAudio .progress {
    margin-bottom: 10px;
}
.clickAndReveal .hotspotStyle {
flex: 1;
}
.clickAndReveal .titleDescription p:last-child{margin-bottom: 0 !important}
.clickAndReveal .clickableContent{margin-bottom: 0 !important}
.content.pageContent div.highlightText p:last-child{margin-bottom: 0px!important}
.page_template_description {margin-bottom: 10px}
.carousel{margin-top: 5px}
#hotspotSmCircleModal .modal-body{max-height: 480px;    overflow: auto;}
.no_highlightText{margin-bottom: 18px}
#contentBlock.itIsResultPage .titleBar{
height: 100%
}

#contentBlock.itIsResultPage .titleBar .titleDescription{
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(0px, -55%);
    left: 0;
}
#contentBlock.itIsResultPage .titleBar .titleDescription .resultContainer {
    padding-top: 0px;
    padding-left: 0;
}
.itIsResultPage .resultCenter{
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(0px, -52%);
    left: 0;
}
.progressQuiz{width: auto;}
.height100{height: 100%}
.navbtn5.playerChildThree.GeneralFooterReturnQue{margin-top: 0;}

.hotspotContainer.clickAndReveal .parentCenterDiv.hotspot_square.hotspot{ padding: 0px;    display: block;}

.itIsResultPage .titleBar {margin-top: 0}

body.spashScreen .timer{display:none !important}


div::-webkit-scrollbar, p::-webkit-scrollbar, span::-webkit-scrollbar {
  width: 5px;
}

div::-webkit-scrollbar-track, p::-webkit-scrollbar-track, span::-webkit-scrollbar-track {
  background: white;
}

div::-webkit-scrollbar-thumb, p::-webkit-scrollbar-thumb, span::-webkit-scrollbar-thumb {
  background: #dfdfdf;
  border-right: 1px solid white;
}

div, p, span {
  scrollbar-color: #dfdfdf white;
  scrollbar-width: thin;
}

.resultCenter{
    top: 50%;
    position: absolute;
    transform: translate(0%, -50%);
}
.titleDescription.finishedAttempts, .maxattempt_svg{
    /*top: 50%;
    transform: translate(0px, -50%);*/
}
.simulatorDevice{
    height: 96%;
}
.template-Topic .durationClass{display: none}

.assessment-splash .slashIntroduction #buttonDisplayEditor {
    padding: 5px;
}
#landing_page_menu .parent_ul_title{    padding: 9px 8px 9px 2px !important;}
.frameindextop{background: #ebe2fb; border-radius: 6px; float: left; width: 100%;}
.frameindextop img{margin-bottom: 0px !important;     height: 340px; width: 100%;
    object-fit: cover;}
    .frameindextop h1{font-size: 32px; font-weight: 700;}
    .frameindextop p{margin:0px 0px 15px 0px;}
.menuList{width: 60%; margin: 2% 0% 0% 20%; display: inline-block; padding-left: 0px !important;}
.logo-wrap{width: 60%; margin: 1% 0% 0% 20%; text-align: left;}
.parent_ul_title{border-bottom: 1px solid #dfdfdf; width: 100%; padding:3px 8px 3px 2px; float: left; font-weight: 600; }
.menuList li{border-bottom: 1px solid #dfdfdf; padding: 15px 20px 15px 42px; font-size: 14px; font-weight: 400; /*color: #666;*/ float: left; width: 100%;}
#menuContainer .parent_ul_title div, #menuContainer .menuList li div{float: left !important; margin:0px 8px 0px -2px;}
#menuContainer .parent_ul_title div{    margin-left: 4px !important;}
.inside-box{background: #f6f6f7; padding: 10px; border-radius: 0px; border:0px solid #dfdfdf; height: calc(100vh - 0px);}
.inside-box:after{content: "";
    pointer-events: none;
    width: 98%;
    height: 100%;
    position: absolute;
    inset-block-start: 0;
    box-shadow: inset -16px 0 16px -16px rgba(0,0,0,0.11);}
#menuContainer .menuList li div{position: absolute;left: 12px; top: 12px;}
#menuContainer .menuList{margin:8px auto 2px auto; width: 100%;}
#menuContainer .menuList:first-child{margin:18px auto 2px auto !important;}
.sidebar li canvas{width: 18px !important; height: 18px !important;}
#menuContainer .menuList li{padding: 11px 8px 9px 35px !important;
    border: 0px;
    margin-bottom: 2px;
    /*color: #666;*/
    font-weight: 400;
    width: calc(100% - 33px);
    position: relative;
    margin-left: 33px;}
   #menuContainer .parent_ul_title{border: 0px;}
   #menuContainer .parent_ul_title::before  {
  content: '';
    width: 10px;
    height: 10px;
    background: #383838;
    border-radius: 50px;
    display: none;
    margin-right: 8px;}
.parent_ul_title::before  {
  content: '';
    width: 10px;
    height: 10px;
    background: #383838;
    border-radius: 50px;
    display: inline-block;
    margin-right: 8px;}
    .menuList li:hover, #menuContainer .menuList li.active, #menuContainer .parent_ul_title.active{background: #ebebec; border-radius: 4px; color: #212121;}
 #menuContainer .menuList li::before  {
 content: url("data:image/svg+xml,%0A%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20M20 12L16 8M20 12L16 16' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        width: 20px;
    height: 20px;
    display: none;
    position: absolute;
    opacity: 0.6;
    left: 56px;}
    .menuList li::before  {
 content: url("data:image/svg+xml,%0A%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20M20 12L16 8M20 12L16 16' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    opacity: 0.6;
    left: 16px;}
    .progress-wrapper{margin:5px 0px 13px 0px;}
.mainouterbox{height:100%; position: absolute; text-align: center; width: calc(100% - 0px); padding: 0px; background: rgba(0,0,0,0.3);}
.vcenterdiv{top: 50%;
    position: absolute;
    transform: translate(0%, -50%);
    width: 100%;}
    .frameindextop img{border-radius: 0px;}
    .coursenamemenu .imgbanner{    position: relative;
    width: 100%;
    height: 120px;
    margin: 0px 0px 13px 0px;
}
.coursenamemenu .logobanner{    width: 100%;}
    .coursenamemenu .logo-inner{    width: 100%;
   height: 80px;
    background: #fff;
    border-radius: 4px;}
    .coursenamemenu .mainouterbox {
    height: 100%;
    position: absolute;
    text-align: left;
    width: calc(100% - 0px);
    padding: 0px 20px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 4px;
}
  .coursenamemenu .logobanner img{width: 100%; object-fit: contain; height: 80px; padding: 10px;}
.coursenamemenu .imgbanner img{width: 100%; object-fit: cover; height: 120px;}
 footer{background: #212121;
    padding: 8px 10px 4px 10px;
    color: #fff;
    display: inline-block;
   position: absolute;
    bottom: -7px;
    height: 38px;
    width: 100%;
   }
.sidebar footer{left: 0px;
    bottom: 0px;
    width: 100%;}
    #menuContainer.logoshow{ height: calc(100vh - 265px);}
      #menuContainer.footershow{ height: calc(100vh - 245px);}
#menuContainer.logoshow.footershow{ height: calc(100vh - 245px);}
.coursenamemenu h3{    width: 88%;}
     #theme-3, #theme-4{padding:20px;}

     #theme-2 img {
        margin-bottom: 0px !important;
        height: 340px;
        width: 100%;
        border-radius: 4px;
        object-fit: cover;
    }
    #theme-3 img, #theme-4 img{ height: 300px; margin: 0px; object-fit: cover; border-radius: 4px;}
    #theme-3 .mainouterbox, #theme-4 .mainouterbox{ text-align: left; position: relative; background: transparent; 
                                                    height: 300px;
                                                    padding: 20px; }
    #theme-1 .mainouterbox{height: 340px; position: relative; background: transparent; top: -20px;  border-radius: 4px;}
     .frameindextop.theme34out{padding: 7px;}
    .box .theme34out .mainouterbox{ text-align: left; position: relative; background: transparent !important; 
                                    height: 66px;  padding: 7px;}
    .box .theme34out img{ height: 65px; margin: 0px; object-fit: cover; border-radius: 4px;}
    #theme-3 .mainouterbox, #theme-4 .mainouterbox{ text-align: left; position: relative; background: transparent; 
                                                    height: 300px;
                                                    padding: 20px; }