.modal-container {
	background-color: #fff;
	transition: all .3s ease;
	margin: 40px auto;
}

.modal-header, .modal-footer {
	height: 50px;
	padding: 10px;
}

.modal-header h3 {
	margin-top: 0;
	color: #42b983;
}

.modal-enter, .modal-leave {
	opacity: 0;
}

.modal-enter .modal-container, .modal-leave .modal-container {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
/* Content Player  */
.content-playlist .slides li {
	border: solid 1px gray;
}

/* Height/Width Calculations */
.modal-container {
	width: calc(( 100vh - 280px)* (16/9)) !important;
}

.div-16-9 {
	height: calc(100vh - 280px) !important;
	min-width: calc(( 100vh - 280px)* (16/9)) !important;
}

#content-launch-modal.full-screen .div-16-9 {
	height: calc(100vh - 200px) !important;
	min-width: calc(( 100vh - 200px)* (16/9)) !important;
}

#content-launch-modal.content-strip-collapsed .div-16-9 {
	height: calc(100vh - 180px) !important;
	min-width: calc(( 100vh - 180px)* (16/9)) !important;
}

#content-launch-modal.full-screen.content-strip-collapsed .div-16-9 {
	height: calc(100vh - 100px) !important;
	min-width: calc(( 100vh - 100px)* (16/9)) !important;
}

#content-launch-modal.modal-container.content-strip-collapsed {
	width: calc(( 100vh - 180px)* (16/9)) !important;
}
/* #content-launch-modal.modal-container.show-lessons.content-strip-collapsed {
	width: calc((100vh - 180px) * (64/27)) !important;
} */
.div-16-9-3 {
	width: calc(( 100vh - 284px)* (16/27)) !important;
}

.modal-container.show-lessons {
	width: calc(( 100vh - 280px)* (64/27)) !important;
}

#content-launch-modal.modal-container.content-strip-collapsed.show-lessons {
    width: calc(( 100vh - 180px)* (64/27)) !important;
}

#content-launch-modal.modal-container.content-strip-collapsed.show-lessons .div-16-9-3 {
    width: calc(( 100vh - 184px)* (16/27)) !important;
}
#content-launch-modal.modal-container.content-strip-collapsed.show-lessons.full-screen .div-16-9-3,
#content-launch-modal.modal-container.show-lessons.full-screen .div-16-9-3 {
	width: auto !important;
}
#content-launch-modal.full-screen.content-strip-collapsed.show-lessons .div-16-9 {
	/* height: calc(100vh - 100px) !important; */
	min-width: calc(( 100vh - 100px)* (16/9) - 100px) !important;
}
.content-lesson {
	display: none;
}

.modal-container.show-lessons .content-lesson {
	display: block;
}

.content-playlist {
	width: calc((( 100vh - 280px)* (16/9)- 52px)) !important;
	padding:0 27px
}
/* .custom-navigation {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.custom-navigation>* {
	display: table-cell;
}

.custom-navigation>a {
	width: 50px;
}

.custom-navigation .flex-next {
	text-align: right;
} */
.content-section {
	height: 100px;
	/*     display: flex;
    flex-direction: row; */
	overflow: hidden;
}

.content-playlist {
	/* flex: 1; */
}

.content-slide {
	height: 100px;
}

.content-section .flex-nav-icon {
	padding: 39px 6px;
	font-size: 22px;
}

.vjs-audio .vjs-poster {
	background-size: 50px;
}

.text-initial {
	text-align: initial;
}

#content-launch-modal .flexslider .slides {
	/* width:100% !important */
}

/*  #content-wrapper {
 	border: solid 2px red;
 }
 
 .div-16-9 {
 	border: solid 2px green;
 } */
.content-view-area {
	background-color: white;
}
.content-view-area.video {
	background-color: black;
}

.question.mandatory {
	border: solid 1px red;
}
.content-error-wrapper {
	background: #FFF;
}
#contentStrip .flex-viewport {
    /* padding: 0 25px; */
}
#contentStrip .flex-direction-nav .flex-prev {
    left: 0;
    top: 0;
    height: 100%;
    margin: auto;
}
#contentStrip .flex-direction-nav .flex-next {
    right: 0;
    top: 0;
    height: 100%;
    margin: auto;
}
#contentStrip .flex-direction-nav .flex-prev .fad,
#contentStrip .flex-direction-nav .flex-next .fad {
	margin-top: 35px;
}
.vjs-control.vjs-picture-in-picture-control {
	display: none;
}
.lxp-content-list-row {
	height: 90px;
}
.group-circle{
	height: 30px;
    display: grid;
    width: auto;
    border: 1px solid #fff !important;	 
}

.h-90{
  height:90%
}
.play-section .pdfViewer .page{
  border:0
}
#viewerContainer{
  left:0;
  right:0	
}
#lxpmulti-lession-content-title{
  /* max-height:100%;
  height: calc(100vh - 280px) !important; */
}
.div-16-9-3 {
	height: calc(100vh - 280px) !important
}
#content-launch-modal.full-screen .div-16-9-3 {
	height: calc(100vh - 200px) !important
}
#content-launch-modal.content-strip-collapsed .div-16-9-3 {
	height: calc(100vh - 180px) !important
}
#content-launch-modal.full-screen.content-strip-collapsed .div-16-9-3 {
	height: calc(100vh - 100px) !important
}
#content-launch-modal .input-group .bootstrap-select.form-control > .dropdown-menu {
    width: 100.3%
}
#content-launch-modal .active-lesson,
#content-launch-modal .active-lesson .progressbar_label {
  color: #FFF !important;
}
#content-launch-modal .input-group .bootstrap-select.form-control > .dropdown-menu {
    width: 100.3%
}
#contentCompletionModel{
	width: 35%;
}
#viewer.pdfViewer,
#lxp-pdfViewer-iframe{
  border:0;
  height:100%
}
.video-js-responsive-container.vjs-hd{
	padding-top:56.25%
}
.video-js-responsive-container.vjs-sd{
	padding-top:75%
}
.video-js-responsive-container{
	width:100%;
	position:relative
}
.video-js-responsive-container .video-js{
	width:100% !important;
	height:100% !important;
	position:absolute;
	top:0;
	left:0
}

/*E-signature*/
#esign-window-div{
	position: absolute;
	width: 600px;
	left: 0;
	right: 0;
	top: 20%;
	margin: 0 auto;
	background-color: #f5f5f5;
}

#esign-body{
	padding: 12px;
}

/*!*To open esign modal within content player modal z-index is reduced from 9998 to 1000*!*/
/*.modal-mask {*/
/*	z-index: 1000 !important;*/
/*}*/

/*Esign font types */
@font-face {font-family: "Segoe Script";
	src: url("fonts/segoe script/Segoe Script.eot"); /* IE9*/
	src: url("fonts/segoe script/Segoe Script.woff") format("woff"), /* chrome、firefox */
	url("fonts/segoe script/Segoe Script.ttf") format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

@font-face {font-family: "French Script MT";
	src: url("fonts/french script mt/French Script MT.eot"); /* IE9*/
	src: url("fonts/french script mt/French Script MT.woff") format("woff"), /* chrome、firefox */
	url("fonts/french script mt/French Script MT.ttf") format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

@font-face {font-family: "Edwardian Script ITC";
	src: url("fonts/edwardian script itc/Edwardian Script ITC V1.eot"); /* IE9*/
	src: url("fonts/edwardian script itc/Edwardian Script ITC V1.woff") format("woff"), /* chrome、firefox */
	url("fonts/edwardian script itc/Edwardian Script ITC V1.ttf") format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}
@font-face {font-family: "Viner Hand ITC";
	src: url("fonts/viner hand itc/Viner Hand ITC.eot"); /* IE9*/
	src: url("fonts/viner hand itc/Viner Hand ITC.woff") format("woff"), /* chrome、firefox */
	url("fonts/viner hand itc/Viner Hand ITC.ttf") format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}
@font-face {font-family: "Monotype Corsiva";
	src: url("fonts/monotype corsiva/MTCORSVA.eot"); /* IE9*/
	src: url("fonts/monotype corsiva/MTCORSVA.woff") format("woff"), /* chrome、firefox */
	url("fonts/monotype corsiva/MTCORSVA.ttf") format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}
@font-face {font-family: "Lucinda Calligraphy";
	src: url("fonts/lucinda calligraphy/Lucida Calligraphy W01.eot"); /* IE9*/
	src: url("fonts/lucinda calligraphy/Lucida Calligraphy W01.woff") format("woff"), /* chrome、firefox */
	url("fonts/lucinda calligraphy/Lucida Calligraphy W01.ttf") format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

.custom-font{
	font-size: 25px;
}

.font-edwardian {
	font-family: "Edwardian Script ITC" !important;
	font-size: 30px;
	font-weight: bold;

}

.font-segoe {
	font-family: "Segoe Script" !important;
}

.font-lucinda {
	font-family: "Lucinda Calligraphy" !important;
}

.font-monotype {
	font-family: "Monotype Corsiva" !important;
}

.font-french {
	font-family: "French Script MT" !important;
	font-weight: bold;
}

.font-viner {
	font-family: "Viner Hand ITC" !important;
}