/* !E-Learning Slides  */

div.e_slide {

	width: 800px;
	height: 500px;
	border: 1px solid #AAA;
	padding: 5px;
	-webkit-box-shadow: 0 0 5px 0 #AAA;
	box-shadow: 0 0 5px 0 #AAA;
	position: relative;
	overflow: hidden;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	color: #000;
	font-size: 80%;
	overflow-y: scroll;
}

.e_slide .textbox {
	position: absolute;
	border: 1px solid transparent;
	padding: 0px;
	margin-left: 0px; margin-top: 0px; width: auto;
	overflow: hidden;
	line-height: 1;
}

.textbox p, .textbox h1, .textbox h2, .textbox h3, .textbox h4, .textbox h5 {
	margin-left: 0px !important;
	width: auto !important;
	margin-top: 0px !important;
}

.textboxActive, .textBox:hover{
  outline: 2px solid rgba(167, 212, 234, 0.3) !important;
}

.ui-resizable-handle {
	opacity: 0.1;
}
.ui-resizable-handle:hover {
	opacity: 1;
}

.editboxButtons{
	position: absolute;
	left: -20px;
	top: 0px;
	width: 20px;
}

.editboxButtons button {
	background-color: rgba(167, 212, 234, 0.3);
	width: 20px;
	border: 0px;
	border: 1px solid rgba(167, 212, 234, 0.3);
	border-radius: 4px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.editboxButtons button:hover {
	background-color: rgba(167, 212, 234, 0.5);
	cursor: pointer;
}

.editboxButtons .fa-check:before, #toolbar .fa-check-circle:before {
	color: #2E9818;
}

.editboxButtons .fa-trash-o:before {
	color: #C61110;
}

.e_slide ol, .e_slide ul {
	margin-top: 0;
	margin-bottom: 0px;
	padding-left: 1.25em;
}

.e_slide li {
	line-height: normal;
}

.e_slide ol > li {
	list-style: decimal;
}

.e_slide ul > li {
	list-style: disc;
}

.e_slide ul > li > ul > li{
	list-style: circle;
}

/* !editSlide */
#editSlide {
	padding-left: 10px;
}

.e_slide_toolbar {
	height: 43px; margin-top: 5px; margin-left: 10px;
}
.e_slide_toolbar ul {
	width: auto !important; float: left;
}
#toolbar ul{
	margin-left: 5px !important;
}
.redactor-dropdown {
	display: none;
}

.videoplaceholder {
	background-color: #000; width: 500px; height: 280px;
}


/* !Slide Prop */
#slideProp {
	border: 1px solid rgba(0,0,0,0.1);

}

/* !Admin */

.tumbnail-toolbar li a, .tumbnail-toolbar li {
	font-size: 12px;
}

.slide_thumbnails {
	background-color: transparent;
	height:630px; width:220px; overflow-y: scroll;
}

div.e_slide_toolbar {
	margin-bottom: 1em;
}

div.e_slide div.redactor-editor {
	border: 0px !important;
}

ul.slide_sortable {
	padding: 0px;
	width: 220px;
}

ul.slide_sortable li {
	list-style: none;
	padding: 0px;
	margin: 10px 0 10px 3px;
}

div.e_slide_thumbnail {
	background-color: #fff;
	width: 200px;
	height: 125px;
	border: 1px solid #AAA;
	padding: 0px;
	-webkit-box-shadow: 0 0 2px 0 #AAA;
	box-shadow: 0 0 2px 0 #AAA;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

div.e_slide_thumbnail.slide_selected {
	-webkit-box-shadow: 0 0 8px 0 #6CB8EF;
	box-shadow: 0 0 8px 0 #6CB8EF;
}

div.e_slide_thumbnail div.scale {
	width: 799px;
	height: 500px;
	position: absolute;
	left: 0px;
	top: 0px;
	transform-origin: top left;
   -ms-transform: 	 scale(0.25,0.25); /* IE 9 */
   -webkit-transform: scale(0.25,0.25); /* Safari */
   transform: 			 scale(0.25,0.25);
}

div.hidden_slide {
	opacity: 0.5;
	height: 10px !important;
	background: none !important;
}

.e_slide .redactor-editor, .e_slide .redactor-box  {
	background: transparent !important;
	margin-left:-4px; margin-top: -4px;
}

.textbox .redactor-editor {
	padding: 0px;
}


/* UI Slides */
#lessonDetail {
	display: none;
}

.slide div.e_slide {
	margin-left: auto; margin-right: auto;
	background-color: #FFF;
	padding: 15px;
}

#c-slides div.e_slide {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
}

#c-slides {
	width: 802px;
	height: 502px;
	overflow: hidden;
	-webkit-box-shadow: 0 0 5px 0 #AAA;
	box-shadow: 0 0 5px 0 #AAA;
	border: 1px solid #AAA;
	margin-left: 0;
}

#slides_info {
	display: block;
	float: right;
	margin-top: 0.5em;
	margin-right: 0.25em;
}



/* !Slide Formatting */

div.e_slide p, .redactor-formatting-p {
	font-size: 16px !important;
	font-weight: normal;
	margin-bottom: 0px;
	line-height: inherit;
}
div.e_slide h1, .redactor-formatting-h1 {
	font-size: 36px !important; font-weight: bold; text-transform: none; letter-spacing: normal;
	font-family: "Corbel" ;  margin-left: 45px; width: 700px; line-height: inherit;
}
div.e_slide h2, .redactor-formatting-h2 {
	font-size: 28px !important; font-weight: bold; text-transform: none; letter-spacing: normal;
	font-family: "Corbel" ;  margin-left: 45px; width: 700px; line-height: inherit;
}
div.e_slide h3, .redactor-formatting-h3 {
	font-size: 26px !important; font-weight: bold; text-transform: none; letter-spacing: normal;
	font-family: "Corbel" ;  margin-left: 45px; width: 700px; line-height: inherit;
}
div.e_slide h4, .redactor-formatting-h4 {
	font-size: 24px !important; font-weight: bold; text-transform: none; letter-spacing: normal;
	font-family: "Corbel" ;  margin-left: 45px; width: 700px; line-height: inherit;
}
div.e_slide h5, .redactor-formatting-h5 {
	font-size: 22px !important; font-weight: bold; text-transform: none; letter-spacing: normal;
	font-family: "Corbel" ;  margin-left: 45px; width: 700px; line-height: inherit;
}

/* !Styling0 */
div.e_slide.styling0, .e_slide_thumbnail.styling0 {
	background-color: #FFF;
}
.redactor-dropdown-slideStyle0 {
	padding-left: 85px !important;
}

/* !Styling1 */
div.e_slide.styling1, .e_slide_thumbnail.styling1 {
	background: url(../images/slideStyle1.jpeg) no-repeat center center; background-size: contain;
	background-color: #FFF;
}
.redactor-dropdown-slideStyle1 {
	background: url(../images/slideStyle1.png) no-repeat left center; background-size: contain;
	padding-left: 85px !important;
}

/* !Styling2 */
div.e_slide.styling2, .e_slide_thumbnail.styling2 {
	background: url(../images/slideStyle2.jpeg) no-repeat center center; background-size: contain;
	background-color: #FFF;
}
.redactor-dropdown-slideStyle2 {
	background: url(../images/slideStyle2.png) no-repeat left center; background-size: contain;
	padding-left: 85px !important;
}

/* !Styling3 */
div.e_slide.styling3, .e_slide_thumbnail.styling3 {
	background: url(../images/slideStyle3.jpeg) no-repeat center center; background-size: contain;
	background-color: #FFF;
}
.redactor-dropdown-slideStyle3 {
	background: url(../images/slideStyle3.png) no-repeat left center; background-size: contain;
	padding-left: 85px !important;
}

/* !Styling4 */
div.e_slide.styling4, .e_slide_thumbnail.styling4 {
	background: url(../images/slideStyle4.jpeg) no-repeat center center; background-size: contain;
	background-color: #FFF;
}
.redactor-dropdown-slideStyle4 {
	background: url(../images/slideStyle4.png) no-repeat left center; background-size: contain;
	padding-left: 85px !important;
}

/* !Styling5 */
div.e_slide.styling5, .e_slide_thumbnail.styling5 {
	background: url(../images/slideStyle5.jpeg) no-repeat center center; background-size: contain;
	background-color: #FFF;
}
.redactor-dropdown-slideStyle5 {
	background: url(../images/slideStyle5.png) no-repeat left center; background-size: contain;
	padding-left: 85px !important;
}