/* lecture Discuss Page css */

body.no-left-slide .wrapper > .aside {
	display: none;
}

body.no-left-slide .wrapper {
	height: auto;
}

body.no-left-slide.layout-fixed .wrapper > section {
	margin-top: 98px;
}

body.no-left-slide .wrapper > footer {
	margin-left: 0px !important;
	height: 44px;
	padding: 12px 20px;
	z-index: 999;
	background: #ffffff;
}

body.no-left-slide .wrapper > section .content-wrapper {
	border: 0px;
	padding: 0px;
}

body.no-left-slide .wrapper .topnavbar-wrapper {
	display: none;
}

body.no-left-slide .content-inner-header {
	top: 0px;
}

body.no-left-slide .wrapper > section {
	margin-left: 0px;
	margin-bottom: 43px !important;
}

body.no-left-slide.layout-fixed .wrapper > section {
	margin-top: 0px;
	padding-top: 50px;
}

body.no-left-slide .wrapper > section .content-wrapper {
	border: 0px;
	padding: 20px;
}

	body.no-left-slide .wrapper > section .content-wrapper .chevron-up-link .fa-chevron-up:before {
		content: "\f078";
	}

body.no-left-slide.body-fixed .wrapper {
	height: 100%;
	min-height: 100%;
	max-height: 100%;
}

	body.no-left-slide.body-fixed .wrapper > section {
		margin-left: 0px;
		margin-bottom: 0px !important;
		position: absolute;
		right: 0;
		left: 0;
		top: 0;
		padding-top: 98px;
		bottom: 0;
		overflow: hidden;
		height: 100%;
		margin-top: 0px;
	}

		body.no-left-slide.body-fixed .wrapper > section .content-wrapper {
			padding: 0px;
			max-height: 100%;
			min-height: 100%;
			height: 100%;
			position: relative;
			overflow: hidden;
			margin-top: 0px;
		}






/* Video list */

.margin_top-7 {
	margin-top: -7px !important;
}

.display-flex {
	display: flex !important
}







/* new */

.content-inner-header {
	float: left;
	width: 100%;
	background: #5d5d5d;
	-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.09);
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.09);
	position: fixed;
	left: 0px;
	right: 0px;
	top: 55px;
	z-index: 999;
	height: 50px;
}

	.content-inner-header .content-menu-list {
		float: left;
		display: inline-block;
		padding: 0px 15px 0 1px;
		margin: 0px;
		margin-top: 0px;
	}

		.content-inner-header .content-menu-list li {
			float: left;
			display: inline-block;
			padding: 0px;
			margin: 0px;
			list-style: none;
			position: relative;
			margin-right: 1px;
		}

			.content-inner-header .content-menu-list li a {
				float: left;
				display: inline-block;
				font-size: 14px;
				font-weight: 600;
				color: #ffffff;
				padding: 15px 12px;
				border-bottom: 0px solid transparent;
				text-decoration: none;
				text-transform: uppercase;
				-webkit-transition: ease-in-out all 0.5s;
				-o-transition: ease-in-out all 0.5s;
				transition: ease-in-out all 0.5s;
				height: 50px;
			}

				.content-inner-header .content-menu-list li a i {
					display: inline-block;
					margin-right: 8px;
				}

				.content-inner-header .content-menu-list li a.active {
					border-bottom-color: #ed8b00;
					background: rgba(255, 255, 255, 0.1);
				}

				.content-inner-header .content-menu-list li a:hover {
					border-bottom-color: #ed8b00;
					background: rgba(255, 255, 255, 0.1);
				}

			.content-inner-header .content-menu-list li .content-sub-menu {
				position: absolute;
				top: 100%;
				width: 160px;
				background: #5d5d5d;
				left: 0px;
				padding-left: 0px;
				padding: 0px;
				border: 0px solid #666666;
				border-bottom: 0px solid #ffe2b9;
				display: none;
				-webkit-transition: ease-in-out all 0.5s;
				-o-transition: ease-in-out all 0.5s;
				transition: ease-in-out all 0.5s;
			}

			.content-inner-header .content-menu-list li:hover .content-sub-menu {
				display: block;
			}

			.content-inner-header .content-menu-list li .content-sub-menu li {
				float: left;
				width: 100%;
			}

				.content-inner-header .content-menu-list li .content-sub-menu li a {
					float: left;
					width: 100%;
					border-bottom: 1px solid #666666;
					padding: 10px 15px;
					color: #ffffff;
					height: auto;
				}

				.content-inner-header .content-menu-list li .content-sub-menu li:last-child a {
					border-bottom: 0px solid #666666;
				}

	.content-inner-header .navbar-right {
		float: right;
		display: inline-block;
		padding: 0px;
		margin: 0px;
		margin-top: 0px;
		margin-right: 0px;
	}

		.content-inner-header .navbar-right li {
			float: left;
			display: inline-block;
			padding: 0px;
			margin: 0px;
			list-style: none;
			position: relative;
		}

			.content-inner-header .navbar-right li a {
				float: left;
				display: inline-block;
				font-size: 14px;
				font-weight: 600;
				color: #ffffff;
				padding: 6px 12px;
				border-bottom: 0px solid transparent;
				text-decoration: none;
				-webkit-transition: ease-in-out all 0.5s;
				-o-transition: ease-in-out all 0.5s;
				transition: ease-in-out all 0.5s;
				line-height: 36px;
				height: 50px;
			}

				.content-inner-header .navbar-right li a em {
					display: inline-block;
					margin-right: 8px;
					float: left;
					margin-top: 11px;
				}

				.content-inner-header .navbar-right li a span {
					display: inline-block;
					float: left;
				}

				.content-inner-header .navbar-right li a img {
					float: left;
					width: 36px;
					height: 36px;
					border-radius: 50%;
					border: 1px solid #ffffff;
					background: #ffffff;
					margin-right: 8px;
					margin-top: 1px;
				}

			.content-inner-header .navbar-right li .content-sub-menu {
				position: absolute;
				top: 100%;
				width: 160px;
				background: #5d5d5d;
				right: 0px;
				padding-left: 0px;
				padding: 0px;
				border: 0px solid #666666;
				display: none;
				-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
				box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
			}

			.content-inner-header .navbar-right li.open .content-sub-menu {
				display: block;
			}

			.content-inner-header .navbar-right li .content-sub-menu li {
				float: left;
				width: 100%;
			}

				.content-inner-header .navbar-right li .content-sub-menu li h4 {
					float: left;
					width: 100%;
					font-size: 16px;
					font-weight: bold;
					color: #ffffff;
					padding: 8px 12px;
					margin: 0px;
					border-bottom: 1px solid #666666;
				}

				.content-inner-header .navbar-right li .content-sub-menu li a {
					float: left;
					width: 100%;
					border-bottom: 1px solid #666666;
					padding: 8px 15px;
					color: #ffffff;
					height: auto;
					line-height: normal;
				}

					.content-inner-header .navbar-right li .content-sub-menu li a:hover {
						color: #ffffff;
						background: rgba(255, 255, 255, 0.1);
					}

				.content-inner-header .navbar-right li .content-sub-menu li:last-child a {
					border-bottom: 0px solid #666666;
				}

	.content-inner-header .chevron-up-link {
		float: right;
		font-size: 14px;
		color: #303030;
		margin-right: 15px;
		-webkit-transition: ease-in-out all 0.5s;
		-o-transition: ease-in-out all 0.5s;
		transition: ease-in-out all 0.5s;
		padding: 5px 10px;
		border: 1px solid transparent;
		line-height: 18px;
		margin-top: 6px;
	}

		.content-inner-header .chevron-up-link:hover {
			border: 1px solid #cccccc;
			border-radius: 3px;
			background: #e9e9e9;
		}

	.content-inner-header .left-brand {
		float: left;
		background: #ed8b00;
		height: 50px;
		padding: 4px;
		text-align: center;
	}

		.content-inner-header .left-brand a {
			display: inline-block;
			height: 100%;
		}

			.content-inner-header .left-brand a img {
				display: inline-block;
				vertical-align: middle;
				height: 100%;
				width: auto;
				max-width: inherit;
			}

.content-wrapper > h3,
.content-wrapper > .content-heading {
	font-size: 18px;
	color: #5d5d5d;
	font-weight: bold;
	height: 50px;
}

	.content-wrapper > .content-heading .dropdown {
		margin-top: -5px;
	}

	.content-wrapper > .content-heading .display-flex {
		margin-top: -5px;
	}

	.content-wrapper > .content-heading .form-inline {
		margin-top: -5px;
	}

	.content-wrapper > .content-heading .display-flex .form-control,
	.content-wrapper > .content-heading .display-inline .form-control {
		height: 30px;
		padding: 1px 8px;
		font-weight: normal;
	}

	.content-wrapper > .content-heading .btn.btn-default.dropdown-toggle {
		height: 30px;
		padding: 3px 10px;
		border-color: #d6d6d6;
	}



.btn.btn-labeled {
	padding-left: 10px;
	padding-right: 10px;
}

.btn-xs.btn-labeled, .btn-group-xs.btn-labeled > .btn {
	padding-left: 5px;
	padding-right: 5px;
}


/*.left-video-col .content-heading .btn {
    padding: 0px 10px;
}*/

.content-wrapper > .content-heading .btn .btn-label {
	padding: 5px 10px;
	left: -10px;
}

.content-wrapper > .content-heading .pull-left.pt-sm {
	padding-top: 0px !important;
}

.padding_top7 {
	padding-top: 7px !important;
}

.modal-dialog {
	margin: 0 auto;
}

.margin_top-5 {
	margin-top: -5px !important;
}

.settings-container .thumbnail {
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 5px;
	padding-bottom: 0px;
}

	.settings-container .thumbnail .icon {
		padding: 10px 0;
		min-height: 0px;
	}

		.settings-container .thumbnail .icon img {
			width: 60px;
			height: 60px;
			opacity: 0.4;
		}

	.settings-container .thumbnail .title {
		min-height: 0px;
	}

		.settings-container .thumbnail .title h4,
		.settings-container .thumbnail .title span {
			font-size: 18px;
			font-weight: normal;
			margin: 0 0 5px;
			color: #303030;
		}

	.settings-container .thumbnail .description {
		min-height: 38px;
		font-size: 14px;
		line-height: normal;
		color: #888888;
	}

.settings-container a.thumbnail:hover,
.settings-container a.thumbnail:focus,
.settings-container a.thumbnail.active {
	border-color: #dddddd !important;
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1) !important;
	background: #f5f5f5 !important;
}

.widget.panel .row-table .bg-gray-light {
	background: #f5f7fa;
}

	.widget.panel .row-table .bg-gray-light .widget-left-icon {
		opacity: 0.5;
	}

.table > thead > tr > th {
	padding: 8px 8px;
	background: #f5f7fa;
}

.tbl-schedule thead tr th:first-child {
	width: 20px !important;
	padding-right: 0px;
}

.modal-backdrop.in {
	display: block;
}

.modal.custom-modal .modal-dialog {
	width: 40%;
}

.table-td-img {
	display: inline-block;
	height: 30px;
	vertical-align: middle;
	text-align: center;
}

	.table-td-img img {
		width: auto;
		vertical-align: middle;
		height: 100%;
		display: inline-block;
	}

.modal.custom-modal .modal-dialog .modal-content .modal-body {
	position: absolute;
	top: 50px;
	bottom: 0px;
	height: auto;
}

div.dataTables_wrapper div.dataTables_info {
	padding-top: 4px;
}

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

.width-160 {
	width: 200px !important;
}

.normal {
	font-weight: normal !important;
}

.btn[disabled],
button.btn[disabled] {
	color: #ffffff;
}

.owl-carousel.owl-carousel-list-view {
	display: block;
	position: relative;
	width: 100%;
	float: left;
	padding: 5px 0px;
}

	.owl-carousel.owl-carousel-list-view .item {
		float: left;
		width: 14.25%;
		padding: 5px;
	}

.video-section .owl-carousel.owl-carousel-list-view .item .video-inner {
	border-radius: 0px;
	min-height: 0px;
	background: #f7f7f7;
	border: 1px solid #e9e9e9;
}

	.video-section .owl-carousel.owl-carousel-list-view .item .video-inner .video-image .duration-time {
		padding: 0 10px;
		font-size: 14px;
		color: #ffffff;
		background: #303030;
	}

	.video-section .owl-carousel.owl-carousel-list-view .item .video-inner .text-section {
		margin-bottom: 5px;
	}

		.video-section .owl-carousel.owl-carousel-list-view .item .video-inner .text-section .subheading {
			padding: 0px 10px;
			text-align: left;
			font-size: 13px;
		}

	.video-section .owl-carousel.owl-carousel-list-view .item .video-inner .button-section {
		padding: 0 10px;
		text-align: left;
		margin-bottom: 8px;
		min-height: 0;
	}

	.video-section .owl-carousel.owl-carousel-list-view .item .video-inner .video-image {
		margin-bottom: 5px;
		height: 100px;
	}

#facutly-dashboard-section .panel.custom-panel {
	margin-bottom: 35px;
	border-radius: 0px;
}

	#facutly-dashboard-section .panel.custom-panel .collapse-link-right {
		line-height: 20px;
		margin-top: 2px;
	}

.note {
	display: block;
	width: 100%;
	padding: 7px 10px;
	background: #f7f7f7;
	border-left: 3px solid #929292;
	margin-bottom: 15px;
}

	.note.note-success {
		background: #efffef;
		border-left-color: #4CAF50;
	}

	.note.note-warning {
		background: #fff5e6;
		border-left-color: #ff9800;
	}

	.note.note-danger {
		background: #fff1f0;
		border-left-color: #f44336;
	}

	.note.note-info {
		background: #f1f9ff;
		border-left-color: #2196F3;
	}

.fixed-containt-wrapper {
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0;
	top: 50px;
	padding: 0;
}

.fixed-containt-wrapper1 {
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 44px;
	top: 0px;
	padding: 0;
}

.left-video-col {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	overflow-y: auto;
	width: 60%;
	padding: 10px;
	background: #29303b;
}

	.left-video-col .content-heading {
		display: block;
		position: relative;
		float: left;
		width: 100%;
	}

		.left-video-col .content-heading .content-subtitle {
			float: left;
			font-size: 16px;
			font-weight: bold;
			color: #ffffff;
			margin-right: 10px;
			margin-top: 0px;
			line-height: normal;
		}

		.left-video-col .content-heading .h4.text-bold {
			float: left;
			font-size: 16px;
			font-weight: bold;
			color: #ffffff;
			margin-right: 10px;
			margin-top: 0px;
			line-height: normal;
		}

.right-detail-col {
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	overflow-y: auto;
	width: 40%;
	padding: 10px;
	background: #ffffff;
}

.text-white {
	color: #ffffff;
}

#mainPlayerParent .video-js {
	top: 0 !important
}

.right-detail-col .tab-content {
	padding: 10px 15px;
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
	top: 98px;
	overflow: hidden;
}

	.right-detail-col .tab-content #menu1list {
		padding: 0;
	}

		.right-detail-col .tab-content #menu1list .list-group-item .media-box-heading {
			display: block;
			position: relative;
			margin-bottom: 0px;
		}

			.right-detail-col .tab-content #menu1list .list-group-item .media-box-heading .left-date {
				float: left;
				width: 120px;
				text-align: left;
				font-size: 14px;
				color: #666666;
				margin-right: 5px;
			}

			.right-detail-col .tab-content #menu1list .list-group-item .media-box-heading .right-note-box {
				display: block;
				position: relative;
				overflow: hidden;
				padding-right: 30px;
				min-height: 30px;
			}

				.right-detail-col .tab-content #menu1list .list-group-item .media-box-heading .right-note-box span {
					font-size: 14px;
					color: #303030;
					display: block;
					min-height: 36px;
					cursor: pointer;
					word-break: break-all;
				}

				.right-detail-col .tab-content #menu1list .list-group-item .media-box-heading .right-note-box .btn {
					position: absolute;
					right: 0px;
					top: 0px;
				}

	.right-detail-col .tab-content .margin_top-10 {
		margin-top: -10px;
	}

.video-section .owl-carousel.owl-carousel-list-view .item .video-inner:hover {
	-webkit-box-shadow: ease-in-out all 0.5s;
	box-shadow: ease-in-out all 0.5s;
	-webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
}






/* Left Panel */

body .content-wrapper .left-panel {
	top: 50px;
}

.content-wrapper .left-panel {
	float: left;
	width: 240px;
	background: #ffffff;
	position: fixed;
	left: 0px;
	top: 98px;
	bottom: 0px;
	border-right: 1px solid #dddddd;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-transition: ease-in-out all 0.2s;
	-o-transition: ease-in-out all 0.2s;
	transition: ease-in-out all 0.2s;
	padding-bottom: 60px;
	z-index: 9999;
}

	.content-wrapper .left-panel .left-panel-menu-list {
		float: left;
		width: 100%;
		padding: 0px;
		margin: 0px;
	}

		.content-wrapper .left-panel .left-panel-menu-list li {
			float: left;
			width: 100%;
			padding: 0px;
			margin: 0px;
			list-style: none;
		}

			.content-wrapper .left-panel .left-panel-menu-list li.heading {
				font-size: 14px;
				text-transform: uppercase;
				color: #5c5c5c;
				padding: 8px 10px;
				font-weight: bold;
				background: #ffe7cb;
			}

				.content-wrapper .left-panel .left-panel-menu-list li.heading > a {
					font-size: 14px;
					text-transform: uppercase;
					color: #5c5c5c;
					padding: 8px 10px;
					font-weight: bold;
					background: #ffe7cb !important;
					border-left: 3px solid transparent;
				}

					.content-wrapper .left-panel .left-panel-menu-list li.heading > a.active {
						border-left-color: #ed8b00;
					}

			.content-wrapper .left-panel .left-panel-menu-list li.devider {
				height: 1px;
				background: #dddddd;
				margin: 10px 0
			}

			.content-wrapper .left-panel .left-panel-menu-list li a {
				float: left;
				width: 100%;
				padding: 6px 13px;
				font-size: 14px;
				color: #303030;
				text-decoration: none;
				position: relative;
				border-left: 3px solid transparent;
			}

				.content-wrapper .left-panel .left-panel-menu-list li a:hover {
					background: #f5f5f5;
				}

				.content-wrapper .left-panel .left-panel-menu-list li a.active {
					background: #f5f5f5;
					border-left-color: #5d5d5d;
				}

				.content-wrapper .left-panel .left-panel-menu-list li a em {
					display: inline-block;
					margin-right: 6px;
					width: 16px;
					text-align: center;
				}

				.content-wrapper .left-panel .left-panel-menu-list li a i {
					position: absolute;
					right: 10px;
					top: 12px;
				}

			.content-wrapper .left-panel .left-panel-menu-list li.heading a.collapsed i.fa-angle-up:before {
				content: "\f107";
			}

			.content-wrapper .left-panel .left-panel-menu-list li.heading a.collapsed i.fa-minus-square-o:before {
				content: "\f196";
			}

		.content-wrapper .left-panel .left-panel-menu-list .left-submenu-list {
			float: left;
			width: 100%;
			padding-left: 0;
		}

			.content-wrapper .left-panel .left-panel-menu-list .left-submenu-list li {
				float: left;
				width: 100%;
				list-style: none;
				padding: 0px;
				margin: 0px;
			}

				.content-wrapper .left-panel .left-panel-menu-list .left-submenu-list li a {
					float: left;
					width: 100%;
					padding: 6px 10px 6px 32px;
					font-size: 14px;
					color: #303030;
					text-decoration: none;
					position: relative;
				}

					.content-wrapper .left-panel .left-panel-menu-list .left-submenu-list li a em {
						display: inline-block;
						margin-right: 5px;
						width: 14px;
						position: absolute;
						left: 13px;
						top: 10px;
						font-size: 13px;
					}

.left-panel .input-group {
	margin: 10px 5px;
}






/* content-inner-section */

.content-inner-section {
	display: block;
	margin-left: 240px;
	padding: 0px;
	position: relative;
	height: 100%;
	-webkit-transition: ease-in-out all 0.2s;
	-o-transition: ease-in-out all 0.2s;
	transition: ease-in-out all 0.2s;
}

	.content-inner-section .panel.library-panel {
		border: 0px;
		-webkit-box-shadow: 0 0 0;
		box-shadow: 0 0 0;
		margin-bottom: 0px;
		border-radius: 0px;
		position: relative;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
	}

		.content-inner-section .panel.library-panel .panel-heading {
			border-bottom: 1px solid #dddddd;
			background: #f5f7f7;
			border-radius: 0px;
		}

		.content-inner-section .panel.library-panel .panel-title {
			display: inline-block;
			font-size: 15px;
			font-weight: normal;
			color: #303030;
			margin-right: 10px;
			vertical-align: middle;
		}

	.content-inner-section .panel-search {
		float: left;
		max-width: 500px;
	}

		.content-inner-section .panel-search .input-group #search-box {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

			.content-inner-section .panel-search .input-group #search-box::-webkit-input-placeholder {
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}

		.content-inner-section .panel-search .form-control,
		.content-inner-section .panel-search button {
			border-color: #cccccc;
		}

		.content-inner-section .panel-search .input-group-addon {
			border-color: #cccccc;
		}

body .form-control {
	padding: 6px 10px;
}

	body .form-control.custom-form-control {
		padding: 0px 6px;
	}

.width-140 {
	width: 140px;
}

.content-inner-section .right-icons {
	float: right;
	margin-top: 9px;
}

	.content-inner-section .right-icons a {
		float: left;
		margin-left: 12px;
		font-size: 16px;
		color: #303030;
		margin-right: 4px;
		text-decoration: none;
	}

		.content-inner-section .right-icons a.active {
			color: #ed8b00;
		}


.my-media-list {
	display: block;
	margin: 0px;
	padding: 0px;
	margin-right: 0;
	position: relative;
	left: 0;
	right: 0;
	float: left;
	width: 100%;
	top: 0;
	bottom: 38px;
	border-top: 1px solid #dddddd;
}

	.my-media-list.no-space-top {
		top: 43px;
	}

	.my-media-list .my-media-list-ul li {
		float: left;
		width: 100%;
		margin: 0px;
		padding: 5px 10px;
		border-bottom: 1px solid #dddddd;
		list-style: none;
	}

		.my-media-list .my-media-list-ul li:last-child {
			border-bottom: 0px solid #dddddd;
		}

		.my-media-list .my-media-list-ul li:hover,
		.my-media-list .my-media-list-ul li.active {
			background: #f7f7f7;
		}

		.my-media-list .my-media-list-ul li.selected {
			background: #f7f7f7;
			border-left: 2px solid #ed8b00;
		}

		.my-media-list .my-media-list-ul li .list-link .left-icon {
			float: left;
			margin-right: 10px;
		}

			.my-media-list .my-media-list-ul li .list-link .left-icon i {
				display: inline-block;
				font-size: 50px;
				color: #bbbbbb;
				font-weight: normal;
			}

		.my-media-list .my-media-list-ul li .list-link .right-block {
			display: block;
			position: relative;
			overflow: hidden;
		}

			.my-media-list .my-media-list-ul li .list-link .right-block .title {
				float: left;
				width: 100%;
				font-size: 16px;
				color: #303030;
				font-weight: 600;
			}

			.my-media-list .my-media-list-ul li .list-link .right-block .text-list {
				float: left;
				width: 100%;
			}

				.my-media-list .my-media-list-ul li .list-link .right-block .text-list span {
					float: left;
					font-size: 14px;
					color: #888888;
					font-weight: normal;
				}

					.my-media-list .my-media-list-ul li .list-link .right-block .text-list span.bull-icon {
						float: left;
						font-size: 14px;
						color: #888888;
						font-weight: normal;
						margin: 0 10px;
					}

		.my-media-list .my-media-list-ul li .video-image-left {
			float: left;
			width: 200px;
			height: 110px;
			overflow: hidden;
			position: relative;
			border-radius: 0px;
			margin-right: 15px;
			border: 1px solid #dddddd;
			text-align: center;
			background: #ffffff;
		}

			.my-media-list .my-media-list-ul li .video-image-left .fa {
				font-size: 50px;
				line-height: 110px;
				color: #ababab;
			}

			.my-media-list .my-media-list-ul li .video-image-left img {
				vertical-align: middle;
				width: 100%;
			}

			.my-media-list .my-media-list-ul li .video-image-left .play-icon {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: url(images/play.png) no-repeat 50% 50% rgba(0, 0, 0, 0.5);
				background-size: 40px;
				z-index: 3;
				visibility: hidden;
				opacity: 0;
				-webkit-transition: ease-in-out all 0.5s;
				-o-transition: ease-in-out all 0.5s;
				transition: ease-in-out all 0.5s;
			}

		.my-media-list .my-media-list-ul li:hover .video-image-left .play-icon {
			visibility: visible;
			opacity: 1;
		}

		.my-media-list .my-media-list-ul li .video-image-left .duration-time {
			position: absolute;
			right: 0;
			bottom: 0px;
			display: inline-block;
			padding: 2px 10px;
			font-size: 14px;
			color: #ffffff;
			background: #303030;
			border-radius: 0;
			z-index: 4;
		}

		.my-media-list .my-media-list-ul li .right-video-detail {
			display: block;
			overflow: hidden;
			position: relative;
			padding-bottom: 5px;
		}

			.my-media-list .my-media-list-ul li .right-video-detail .video-name {
				float: left;
				width: 100%;
				font-size: 16px;
				font-weight: bold;
				color: #303030;
				margin: 0px 0 3px;
				line-height: 18px;
				min-height: 18px;
			}

.my-media-list-grid .my-media-list-ul li .right-video-detail .video-name {
	float: left;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #303030;
	margin: 0px 0 3px;
	line-height: 18px;
	min-height: 38px;
	overflow: hidden;
}

.my-media-list .my-media-list-ul li .right-video-detail .video-name a {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	color: #ed8b00;
	text-decoration: none;
	line-height: 18px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	white-space: normal;
	max-height: 38px;
	display: -webkit-box !important;
	overflow: hidden;
}

.my-media-list .my-media-list-ul li .right-video-detail .video-subtitle {
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	color: #303030;
	margin: 0 0 6px;
}

.my-media-list .my-media-list-ul li .right-video-detail .video-folder {
	float: left;
	font-size: 14px;
	font-weight: normal;
	color: #555555;
	margin: 0;
	text-decoration: none;
	margin-right: 15px;
}

	.my-media-list .my-media-list-ul li .right-video-detail .video-folder i {
		font-size: 13px;
		margin-right: 5px;
	}

.my-media-list .my-media-list-ul li .right-video-detail .video-time {
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	color: #999999;
	margin: 0 0 3px;
}

	.my-media-list .my-media-list-ul li .right-video-detail .video-time i {
		margin-right: 6px;
	}

.my-media-list .my-media-list-ul li .right-video-detail .stars {
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	color: #999999;
	margin: 0;
}

	.my-media-list .my-media-list-ul li .right-video-detail .stars .fa {
		display: inline-block;
		margin-right: 5px;
		text-decoration: none;
		vertical-align: middle;
	}

	.my-media-list .my-media-list-ul li .right-video-detail .stars .fa-star {
		color: #ed8b00;
	}

	.my-media-list .my-media-list-ul li .right-video-detail .stars .fa-star-o {
		color: #999999;
	}

	.my-media-list .my-media-list-ul li .right-video-detail .stars .plays {
		display: inline-block;
		color: #666666;
		font-size: 14px;
		vertical-align: middle;
		line-height: 14px;
	}

		.my-media-list .my-media-list-ul li .right-video-detail .stars .plays i {
			display: inline-block;
			color: #666666;
			font-size: 14px;
			vertical-align: top;
		}

			.my-media-list .my-media-list-ul li .right-video-detail .stars .plays i.text-warning {
				color: #ff902b;
			}

	.my-media-list .my-media-list-ul li .right-video-detail .stars .bull-icon {
		display: inline-block;
		color: #666666;
		font-size: 14px;
		margin-right: 10px;
		margin-left: 5px;
	}

.my-media-list .my-media-list-ul li .right-buttons-box {
	float: right;
	display: inline-block;
	margin-left: 10px;
	width: 50%;
	margin-top: 3px;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box;
	overflow: hidden;
	font-size: 14px;
	color: #303030;
}

.my-media-list .my-media-list-ul li .left-description-box {
	max-width: 80%;
	display: block;
	margin-top: 0px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box;
	overflow: hidden;
	margin-bottom: 0px;
	padding-right: 65px;
	position: relative;
	min-height: 15px;
}

	.my-media-list .my-media-list-ul li .left-description-box .position-right-btn {
		position: absolute;
		right: 0px;
		top: 1px;
		font-size: 14px;
	}



.my-media-list-grid .my-media-list-ul {
	margin-right: 0px;
}

.my-media-list .my-media-list-ul {
	display: block;
	padding: 0px;
	margin: 0px;
}

.my-media-list-grid .my-media-list-ul li {
	width: 20%;
	padding: 10px;
}

	.my-media-list-grid .my-media-list-ul li:last-child {
		border-bottom-width: 1px;
	}






	/* .my-media-list.my-media-list-grid .my-media-list-ul li:nth-child(odd){
    border-right: 1px solid #dddddd;
} */

	.my-media-list-grid .my-media-list-ul li .right-buttons-box {
		display: none;
	}

	.my-media-list-grid .my-media-list-ul li .video-image-left {
		width: 100%;
		margin-bottom: 10px;
		margin-right: 0px;
	}

		.my-media-list-grid .my-media-list-ul li .video-image-left img {
			width: 100%;
			height: 100%;
		}

	.my-media-list-grid .my-media-list-ul li .right-video-detail {
		float: left;
		width: 100%;
		overflow: inherit;
		min-height: 100px;
	}

my-media-list-grid .my-media-list-ul li .right-video-detail .video-name a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.my-media-list-grid .my-media-list-ul li .right-video-detail .video-folder {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	width: 100%;
}

.my-media-list .my-media-list-ul li .dropdown-menu {
	top: auto;
	bottom: 22px;
	padding: 0px;
	margin: 0px;
}

	.my-media-list .my-media-list-ul li .dropdown-menu li {
		padding: 0 0;
		font-size: 14px;
	}

.my-media-list-grid .my-media-list-ul li .dropdown-menu li {
	width: 100%;
}

.my-media-list .my-media-list-ul li .dropdown-menu li:first-child {
	border-top: 0px;
}

.my-media-list .my-media-list-ul li .dropdown-menu li a {
	padding: 2px 10px;
	font-size: 13px;
}

.my-media-list .my-media-list-ul li .video-image-left .featured-label {
	position: absolute;
	left: -17px;
	transform: rotate(-45deg);
	width: 72px;
	background: #ed8b00;
	color: #ffffff;
	font-size: 12px;
	top: 10px;
	z-index: 9;
}

.my-media-list .my-media-list-ul li .buttons-row {
	float: left;
	width: 100%;
	padding-top: 5px;
	visibility: hidden;
}

	.my-media-list .my-media-list-ul li .buttons-row .checkbox.c-checkbox.display-inline {
		float: none;
		width: auto;
	}

.my-media-list .my-media-list-ul li:hover .buttons-row {
	visibility: visible;
}

	.my-media-list .my-media-list-ul li:hover .buttons-row .radio label,
	.my-media-list .my-media-list-ul li:hover .buttons-row .checkbox label {
		line-height: 18px;
		min-height: 0px;
	}

.my-media-list .c-checkbox span,
.my-media-list .c-radio span {
	top: 2px;
}

.my-media-list .radio label,
.my-media-list .checkbox label {
	line-height: 18px;
}

.bottom-fixed-pagination {
	position: relative;
	left: 0;
	background: #f5f7fa;
	border-top: 1px solid #dddddd;
	padding: 10px 10px;
	right: 0px;
	bottom: 0;
	/* height: 47px; */
	display: block;
}

	.bottom-fixed-pagination .pag-left {
		float: left;
		font-size: 14px;
		color: #303030;
		padding-top: 5px;
	}

	.bottom-fixed-pagination .pag-right {
		float: right;
	}

		.bottom-fixed-pagination .pag-right .pagination {
			vertical-align: middle;
		}


			.bottom-fixed-pagination .pag-right .pagination > .active > a,
			.bottom-fixed-pagination .pag-right .pagination > .active > span,
			.bottom-fixed-pagination .pag-right .pagination > .active > a:hover,
			.bottom-fixed-pagination .pag-right .pagination > .active > span:hover,
			.bottom-fixed-pagination .pag-right .pagination > .active > a:focus,
			.bottom-fixed-pagination .pag-right .pagination > .active > span:focus {
				background-color: #ed8b00;
				border-color: #ed8b00;
			}

			.bottom-fixed-pagination .pag-right .pagination > li > a:hover,
			.bottom-fixed-pagination .pag-right .pagination > li > span:hover,
			.bottom-fixed-pagination .pag-right .pagination > li > a:focus,
			.bottom-fixed-pagination .pag-right .pagination > li > span:focus {
				color: #ed8b00;
			}

			.bottom-fixed-pagination .pag-right .pagination > .active > span:hover {
				color: #ffffff;
			}

	.bottom-fixed-pagination .pag-center {
		display: block;
		text-align: center;
	}

		.bottom-fixed-pagination .pag-center .center-text {
			display: inline-block;
			font-size: 14px;
			color: #303030;
			vertical-align: middle;
		}

			.bottom-fixed-pagination .pag-center .center-text select {
				display: inline-block;
				width: 60px;
				border: 1px solid #dddddd;
				border-radius: 2px;
				font-size: 14px;
				padding: 2px 5px;
				margin-top: 2px;
				float: left;
			}

			.bottom-fixed-pagination .pag-center .center-text span {
				display: inline-block;
				margin-top: 4px;
				float: left;
				font-size: 14px;
				color: #303030;
				margin-right: 10px;
			}

	.bottom-fixed-pagination .pagination > li > a,
	.bottom-fixed-pagination .pagination > li > span {
		padding: 3px 10px;
	}

.close-left-button {
	width: 46px;
	height: 46px;
	background: #fff;
	border: 1px solid #fff;
	border-right: 0;
	font-size: 25px;
	color: #303030;
	position: absolute;
	right: 0;
	top: 0%;
	text-align: center;
	border-radius: 0;
	overflow: hidden;
}

.custom-modal .close-left-button {
	width: 46px;
	height: 46px;
	background: #ffffff;
	/* border: 1px solid #e8e8e8; */
	border-right: 0px;
	font-size: 38px;
	line-height: 42px;
	color: #303030;
	position: absolute;
	left: auto;
	top: 0;
	margin-top: 0;
	text-align: center;
	border-radius: 0px;
	z-index: 99;
}

	.custom-modal .close-left-button span {
		display: inline-block;
		font-size: 38px;
		line-height: 42px;
		color: #303030;
		text-align: center;
	}

.upload-media-button-group {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

	.upload-media-button-group a {
		display: inline-block;
		float: left;
		border-radius: 3px;
		background: #f5f7f7;
		outline: none;
		text-align: center;
		text-decoration: none;
		border: 1px solid #dddddd;
		margin-right: 10px;
		-webkit-transition: ease-in-out all 0.5s;
		-o-transition: ease-in-out all 0.5s;
		transition: ease-in-out all 0.5s;
		padding: 3px 15px;
	}

		.upload-media-button-group a:hover,
		.upload-media-button-group a.active {
			background: #ed8b00;
			border: 1px solid #c57400;
		}

		.upload-media-button-group a i {
			font-size: 14px;
			color: #b1b1b1;
			font-weight: normal;
			margin-right: 10px;
			float: left;
			margin-top: 4px;
		}

		.upload-media-button-group a.active i,
		.upload-media-button-group a:hover i {
			color: #ffffff;
		}

		.upload-media-button-group a span {
			font-size: 14px;
			color: #303030;
			font-weight: normal;
			display: inline-block;
			text-align: center;
		}

		.upload-media-button-group a.active span,
		.upload-media-button-group a:hover span {
			color: #ffffff;
		}

.radio + .radio,
.checkbox + .checkbox {
	margin-top: 0px;
}






/* featured-videos-top-list */

.featured-videos-top-list {
	display: block;
	margin: 0 -10px;
	padding: 0px;
}

	.featured-videos-top-list li {
		float: left;
		width: 33.3%;
		padding: 0 10px 20px;
		margin: 0px;
		list-style: none;
	}

		.featured-videos-top-list li .fv-list-box {
			float: left;
			width: 100%;
			padding: 0;
			margin: 0px;
			list-style: none;
			border: 1px solid #dddddd;
			border-radius: 10px;
			position: relative;
			text-align: center;
			max-height: 240px;
			overflow: hidden;
			-webkit-transition: ease-in-out all 0.3s;
			-o-transition: ease-in-out all 0.3s;
			transition: ease-in-out all 0.3s;
		}

			.featured-videos-top-list li .fv-list-box:hover {
				-webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.3);
				box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.3);
			}

			.featured-videos-top-list li .fv-list-box img {
				display: block;
				width: 100%;
				vertical-align: middle;
				opacity: 1;
				-webkit-transition: ease-in-out all 0.3s;
				-o-transition: ease-in-out all 0.3s;
				transition: ease-in-out all 0.3s;
			}

			.featured-videos-top-list li .fv-list-box:hover img {
				opacity: 1;
			}

			.featured-videos-top-list li .fv-list-box .play-icon {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: url(images/play.png) no-repeat 50% 30px rgba(0, 0, 0, 0.3);
				background-size: 50px;
				z-index: 3;
				visibility: hidden;
				opacity: 0;
				-webkit-transition: ease-in-out all 0.5s;
				-o-transition: ease-in-out all 0.5s;
				transition: ease-in-out all 0.5s;
			}

			.featured-videos-top-list li .fv-list-box:hover .play-icon {
				visibility: visible;
				opacity: 1;
			}

			.featured-videos-top-list li .fv-list-box .fv-details {
				position: absolute;
				left: 0px;
				bottom: 0px;
				width: 100%;
				padding: 3px 10px;
				background: rgba(0, 0, 0, 0.8);
				text-align: left;
				z-index: 5;
				height: 46px;
				-moz-transition: height 0.5s ease-in-out;
				-webkit-transition: height 0.5s ease-in-out;
				-o-transition: height 0.5s ease-in-out;
				transition: height 0.5s ease-in-out;
			}

			.featured-videos-top-list li .fv-list-box:hover .fv-details {
				height: auto;
				-moz-transition: height 0.5s ease-in-out;
				-webkit-transition: height 0.5s ease-in-out;
				-o-transition: height 0.5s ease-in-out;
				transition: height 0.5s ease-in-out;
			}

			.featured-videos-top-list li .fv-list-box .fv-details .fv-heading {
				float: left;
				width: 100%;
				font-size: 15px;
				color: #ffffff;
				font-weight: normal;
				line-height: normal;
				margin-bottom: 3px;
			}

			.featured-videos-top-list li .fv-list-box .fv-details .fv-sub-heading {
				float: left;
				display: inline-block;
				font-size: 13px;
				color: #efefef;
				margin-right: 20px;
			}

			.featured-videos-top-list li .fv-list-box .fv-details .fv-text {
				float: left;
				width: 100%;
				line-height: 18px;
				font-size: 14px;
				color: #dddddd;
				border-top: 1px solid #e0e0e033;
				margin-top: 10px;
				padding-top: 5px;
				padding-bottom: 5px;
				max-height: 60px;
				overflow: hidden;
			}


			.featured-videos-top-list li .fv-list-box .fv-details .fv-sub-heading i {
				display: inline-block;
				margin-right: 5px;
			}

			.featured-videos-top-list li .fv-list-box .fv-details .right-time {
				float: right;
				display: inline-block;
				font-size: 13px;
				color: #efefef;
			}

.featured-videos-bottom {
	float: left;
	width: 100%;
	padding-top: 10px;
}

.featured-videos-bottom-list {
	display: block;
	margin: 0 -10px;
	padding: 0px;
}

	.featured-videos-bottom-list li {
		float: left;
		width: 16.6%;
		padding: 0 10px 20px;
		margin: 0px;
		list-style: none;
	}

		.featured-videos-bottom-list li .fvb-box {
			float: left;
			width: 100%;
			padding: 0px;
			margin: 0px;
			border-radius: 5px 5px;
			position: relative;
			border: 1px solid #dddddd;
			overflow: hidden;
			-webkit-transition: ease-in-out all 0.3s;
			-o-transition: ease-in-out all 0.3s;
			transition: ease-in-out all 0.3s;
		}

			.featured-videos-bottom-list li .fvb-box .fvb-video {
				float: left;
				width: 100%;
				padding: 0;
				margin: 0px;
				border-radius: 0px;
				position: relative;
				height: 125px;
				max-height: 125px;
				overflow: hidden;
				background: #dddddd;
				text-align: center;
			}

			.featured-videos-bottom-list li .fvb-box:hover {
				-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
				box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
				border-color: #cccccc;
			}

			.featured-videos-bottom-list li .fvb-box .fvb-video img {
				display: inline-block;
				vertical-align: middle;
				height: 100%;
			}

			.featured-videos-bottom-list li .fvb-box .fvb-video .right-time {
				position: absolute;
				right: 0px;
				bottom: 0px;
				padding: 3px 10px;
				font-size: 13px;
				color: #ffffff;
				font-weight: normal;
				line-height: normal;
				background: rgba(0, 0, 0, 0.8);
			}

			.featured-videos-bottom-list li .fvb-box .fvb-details {
				float: left;
				width: 100%;
				padding: 5px 10px;
			}

				.featured-videos-bottom-list li .fvb-box .fvb-details .fvb-heading {
					float: left;
					width: 100%;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					text-overflow: ellipsis;
					white-space: normal;
					line-height: normal;
					display: -webkit-box !important;
					overflow: hidden;
					font-size: 16px;
					font-weight: normal;
					color: #ed8b00;
					margin-bottom: 5px;
					-webkit-transition: ease-in-out all 0.3s;
					-o-transition: ease-in-out all 0.3s;
					transition: ease-in-out all 0.3s;
					min-height: 42px;
					max-height: 42px;
				}

					.featured-videos-bottom-list li .fvb-box .fvb-details .fvb-heading:hover {
						opacity: 0.9;
						text-decoration: none;
					}

				.featured-videos-bottom-list li .fvb-box .fvb-details .fvb-sub-heading {
					float: left;
					display: inline-block;
					font-size: 13px;
					color: #555555;
					-webkit-transition: ease-in-out all 0.3s;
					-o-transition: ease-in-out all 0.3s;
					transition: ease-in-out all 0.3s;
				}

					.featured-videos-bottom-list li .fvb-box .fvb-details .fvb-sub-heading:hover {
						color: #777777;
						text-decoration: none;
					}

					.featured-videos-bottom-list li .fvb-box .fvb-details .fvb-sub-heading i {
						display: inline-block;
						margin-right: 5px;
					}

.featured-videos-section {
	float: left;
	width: 100%;
	padding: 0 15px;
	margin-bottom: 15px;
}

	.featured-videos-section .fv-top-heading {
		float: left;
		width: 100%;
		font-size: 18px;
		font-weight: bold;
		color: #303030;
		padding: 15px 0;
	}

		.featured-videos-section .fv-top-heading i {
			display: inline-block;
			margin-right: 10px;
			font-weight: normal;
			color: #f8981c;
		}

.featured-top-banner {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
	position: relative;
	height: 280px;
	text-align: center;
}

	.featured-top-banner img {
		vertical-align: middle;
		display: block;
		max-width: 100%;
	}

	.featured-top-banner .banner-details {
		float: left;
		width: 70%;
		position: absolute;
		text-align: left;
		padding: 20px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		padding-top: 30px;
		background: -moz-linear-gradient(right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 60%, rgba(0, 0, 0, 0) 100%);
		background: -webkit-linear-gradient(right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 60%, rgba(0, 0, 0, 0) 100%);
		background: linear-gradient(to left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 60%, rgba(0, 0, 0, 0) 100%);
	}

		.featured-top-banner .banner-details .title {
			float: right;
			width: 64%;
			margin-right: 100px;
			color: #ffffff;
			font-weight: bold;
			font-size: 26px;
			margin-bottom: 8px;
		}

		.featured-top-banner .banner-details .sub-title {
			float: right;
			width: 64%;
			margin-top: 0px;
			margin-right: 100px;
			color: #ffffff;
			font-weight: normal;
			font-size: 16px;
		}

			.featured-top-banner .banner-details .sub-title p ~ p {
				-webkit-line-clamp: 4;
				-webkit-box-orient: vertical;
				text-overflow: ellipsis;
				white-space: normal;
				display: -webkit-box !important;
				overflow: hidden;
			}

.content-inner-header.content-inner-header-1 {
	height: 70px;
	background: #ffffff;
}

	.content-inner-header.content-inner-header-1 .left-brand {
		height: 70px;
		background: none;
		padding: 8px 10px;
	}

		.content-inner-header.content-inner-header-1 .left-brand .brand-name {
			font-size: 20px;
			margin-left: 10px;
			color: #303030;
			text-decoration: none;
			font-weight: bold;
			margin-top: 10px;
		}

	.content-inner-header.content-inner-header-1 .navbar-right li a.login-button {
		background: #ed8b00;
		border-radius: 3px;
		height: auto;
		line-height: 20px;
		padding: 8px 25px;
		margin-top: 17px;
		margin-right: 10px;
	}

		.content-inner-header.content-inner-header-1 .navbar-right li a.login-button:hover {
			opacity: 0.9;
		}

.video-library-featured {
	float: left;
	width: 100%;
	padding: 15px 10px 0;
}

	.video-library-featured .featured-videos-top-list li {
		padding: 0 10px 10px;
	}

		.video-library-featured .featured-videos-top-list li .fv-list-box .play-icon {
			background-position: 50% 10px;
		}

		.video-library-featured .featured-videos-top-list li .fv-list-box {
			border-radius: 5px;
		}


.lectures-video-list-section {
	display: block;
	margin: 0px;
	padding: 0px;
	margin-right: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 107px;
	bottom: 0;
	overflow-y: auto;
	border-top: 1px solid #dddddd;
}

	.lectures-video-list-section .lecture-video-row {
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}

		.lectures-video-list-section .lecture-video-row .lecture-video-heading {
			float: left;
			width: 100%;
			padding: 8px 10px;
			border-bottom: 1px solid #dddddd;
		}

			.lectures-video-list-section .lecture-video-row .lecture-video-heading .lvh-title {
				float: left;
				font-size: 15px;
				font-weight: bold;
				color: #303030;
			}

		.lectures-video-list-section .lecture-video-row .lecture-video-inner {
			float: left;
			width: 100%;
		}

			.lectures-video-list-section .lecture-video-row .lecture-video-inner .lvi-list {
				display: block;
				position: relative;
				margin: 0px;
				padding: 0;
			}

				.lectures-video-list-section .lecture-video-row .lecture-video-inner .lvi-list li {
					float: left;
					width: 20%;
					padding: 5px 10px;
					border-bottom: 1px solid #dddddd;
				}

					.lectures-video-list-section .lecture-video-row .lecture-video-inner .lvi-list li:hover {
						background: #f7f7f7;
					}

			.lectures-video-list-section .lecture-video-row .lecture-video-inner .lecture-video-box {
				float: left;
				width: 100%;
				border: 0px solid #cccccc;
				border-radius: 0px;
				overflow: hidden;
				position: relative;
			}

				.lectures-video-list-section .lecture-video-row .lecture-video-inner .lecture-video-box .lv-top {
					float: left;
					width: 100%;
					max-height: 110px;
					text-align: center;
					overflow: hidden;
					position: relative;
					border-radius: 0px;
					text-align: center;
					background: #ffffff;
					border-bottom: 1px solid #cccccc;
				}

					.lectures-video-list-section .lecture-video-row .lecture-video-inner .lecture-video-box .lv-top img {
						vertical-align: middle;
						width: 100%;
					}

					.lectures-video-list-section .lecture-video-row .lecture-video-inner .lecture-video-box .lv-top .play-icon {
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						background: url(../img/play.png) no-repeat 50% 50% rgba(0, 0, 0, 0.5);
						background-size: 40px;
						z-index: 3;
						visibility: hidden;
						opacity: 0;
						-webkit-transition: ease-in-out all 0.5s;
						-o-transition: ease-in-out all 0.5s;
						transition: ease-in-out all 0.5s;
					}

				.lectures-video-list-section .lecture-video-row .lecture-video-inner .lecture-video-box:hover .lv-top .play-icon {
					visibility: visible;
					opacity: 1;
				}

				.lectures-video-list-section .lecture-video-row .lecture-video-inner .lecture-video-box .lv-top .duration-time {
					position: absolute;
					right: 0;
					bottom: 0px;
					display: inline-block;
					padding: 2px 10px;
					font-size: 14px;
					color: #ffffff;
					background: #303030;
					border-radius: 0;
					z-index: 4;
				}

				.lectures-video-list-section .lecture-video-row .lecture-video-inner .lecture-video-box .lv-bottom {
					float: left;
					width: 100%;
					padding: 10px 0;
					text-align: left;
				}

					.lectures-video-list-section .lecture-video-row .lecture-video-inner .lecture-video-box .lv-bottom .subheading {
						float: left;
						width: 100%;
						font-size: 14px;
						margin-bottom: 5px;
						color: #303030;
						font-weight: normal;
					}

					.lectures-video-list-section .lecture-video-row .lecture-video-inner .lecture-video-box .lv-bottom .button-section {
						float: left;
						width: 100%;
						text-align: left;
					}

						.lectures-video-list-section .lecture-video-row .lecture-video-inner .lecture-video-box .lv-bottom .button-section a {
							display: inline-block;
							margin-right: 6px;
							visibility: hidden;
						}

			.lectures-video-list-section .lecture-video-row .lecture-video-inner .lvi-list li:hover .lecture-video-box .lv-bottom .button-section a {
				visibility: visible;
			}


.wrapper > section.play-back-page-section {
	margin-left: 0px;
	margin-bottom: 0px !important;
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	padding-top: 98px;
	bottom: 0;
	overflow: hidden;
	height: 100%;
	margin-top: 0px;
}

	.wrapper > section.play-back-page-section .content-wrapper {
		padding: 0px;
		max-height: 100%;
		min-height: 100%;
		height: 100%;
		position: relative;
		overflow: hidden;
		margin-top: 0px;
	}

body.no-left-slide .wrapper > section.play-back-page-section .content-inner-section .panel.library-panel {
	background: #29303b;
	position: fixed;
	left: 0;
}

.lecture-block-video {
	display: block;
	position: absolute;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 10px;
	right: 620px;
	left: 0px;
	top: 0px;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
}

	.lecture-block-video .lv-heading {
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}

		.lecture-block-video .lv-heading .btn {
			margin-top: 2px;
		}

		.lecture-block-video .lv-heading .title {
			float: left;
			font-size: 18px;
			font-weight: bold;
			color: #ffffff;
			margin-right: 10px;
			margin-top: 0px;
		}

		.lecture-block-video .lv-heading .title-date {
			float: left;
			font-size: 15px;
			font-weight: normal;
			color: #e9e9e9;
			margin-top: 4px;
		}

	.lecture-block-video .left-video-box {
		float: left;
		width: 100%;
		position: relative;
		margin-bottom: 10px;
	}

		.lecture-block-video .left-video-box video {
			width: 100%;
			vertical-align: middle;
			cursor: pointer;
		}

		.lecture-block-video .left-video-box .position-vodeo-box {
			float: left;
			width: 140px;
			position: absolute;
			top: 10px;
			left: 10px;
			opacity: 0;
			visibility: hidden;
			-webkit-transition: ease-in-out all 0.5s;
			-o-transition: ease-in-out all 0.5s;
			transition: ease-in-out all 0.5s;
		}

		.lecture-block-video .left-video-box:hover .position-vodeo-box {
			opacity: 1;
			visibility: visible;
		}

		.lecture-block-video .left-video-box .position-vodeo-box a {
			float: left;
			width: 100%;
			margin-bottom: 10px;
		}

			.lecture-block-video .left-video-box .position-vodeo-box a img {
				display: inline-block;
				width: 100%;
				vertical-align: middle;
				-webkit-box-shadow: 0 0 12px 1px rgba(255, 255, 255, 0.3);
				box-shadow: 0 0 12px 1px rgba(255, 255, 255, 0.3);
			}

		.lecture-block-video .left-video-box .position-vodeo-box video {
			margin-bottom: 10px;
		}

		.lecture-block-video .left-video-box .right-position-buttons {
			display: inline-block;
			float: right;
			position: absolute;
			right: 10px;
			top: 10px;
			visibility: visible;
			opacity: 1;
			-webkit-transition: ease-in-out all 0.5s;
			-o-transition: ease-in-out all 0.5s;
			transition: ease-in-out all 0.5s;
			width: 96px;
		}

.left-video-col .right-position-buttons.right-position-buttons-bottom {
	top: auto;
	bottom: 50px;
	width: 130px;
}

.left-video-col:hover .right-position-buttons {
	visibility: visible;
	opacity: 1;
}

.lecture-block-video .lecture-left-slider {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 5px;
}

	.lecture-block-video .lecture-left-slider .owl-item .item {
		padding: 0;
		text-align: center;
		display: inline-block;
		vertical-align: middle;
	}

	.lecture-block-video .lecture-left-slider .owl-nav {
		margin: 0;
		position: absolute;
		top: 50%;
		margin-top: -20px;
		left: 0px;
		width: 100%;
		z-index: 9;
		height: 0px;
	}

		.lecture-block-video .lecture-left-slider .owl-nav .owl-prev {
			text-indent: -10000px;
			background: url(../img/prev-icon.png) no-repeat 50% 50%;
			width: 40px;
			height: 40px;
			margin: 0px;
			float: left;
			z-index: 9;
			background-size: 38px;
			margin-left: 0px;
		}

		.lecture-block-video .lecture-left-slider .owl-nav .owl-next {
			text-indent: -10000px;
			background: url(../img/next-icon.png) no-repeat 50% 50%;
			width: 40px;
			height: 40px;
			margin: 0px;
			float: right;
			z-index: 9;
			background-size: 38px;
			margin-right: 0px;
		}

		.lecture-block-video .lecture-left-slider .owl-nav .owl-prev:hover {
			background: url(../img/prev-icon.png) no-repeat 50% 50%;
			background-size: 38px;
		}

		.lecture-block-video .lecture-left-slider .owl-nav .owl-next:hover {
			background: url(../img/next-icon.png) no-repeat 50% 50%;
			background-size: 38px;
		}

	.lecture-block-video .lecture-left-slider .owl-theme .owl-nav .disabled {
		opacity: 0.7;
	}

.lecture-carousel-inner {
	float: left;
	width: 100%;
}

	.lecture-carousel-inner .video-image {
		float: left;
		width: 100%;
		position: relative;
	}

		.lecture-carousel-inner .video-image img {
			width: 100%;
			max-width: 100%;
			vertical-align: middle;
		}

		.lecture-carousel-inner .video-image .bottom-time-bar {
			float: left;
			width: 100%;
			text-align: center;
			font-size: 13px;
			font-weight: bold;
			color: #ffffff;
			background: rgba(237, 139, 0, 0.8);
			padding: 2px 0;
			position: absolute;
			left: 0px;
			bottom: 0px;
		}

.lecture-block-video .both-div {
	float: left;
	width: 100%;
	position: relative;
	padding-right: 0;
}

.lecture-block-video .bottom-buttons-row {
	float: left;
	width: 156px;
	position: absolute;
	right: 0px;
	top: 0px;
}

	.lecture-block-video .bottom-buttons-row a {
		margin-bottom: 10px;
	}

section.play-back-page-section .lecture-question-block {
	float: right;
	width: 620px;
	padding: 10px;
	background: #ffffff;
	position: absolute;
	top: 0;
	bottom: 0px;
	right: 0px;
	overflow: hidden;
	height: 100%;
	min-height: 0px;
}

	section.play-back-page-section .lecture-question-block .btn-warning {
		background-color: #ff8517;
		border-color: #fc7800;
		color: #ffffff;
	}

	section.play-back-page-section .lecture-question-block .l-q-row {
		display: block;
		overflow: hidden;
		padding: 10px;
		position: fixed;
		z-index: 9;
		width: 592px;
		background: #ffffff;
		right: 17px;
	}

		section.play-back-page-section .lecture-question-block .l-q-row.header-shadow {
			box-shadow: 0px 5px 8px 1px rgba(0, 0, 0, 0.1);
		}

		section.play-back-page-section .lecture-question-block .l-q-row .ques-no {
			float: left;
			font-size: 14px;
			color: #303030;
			margin-top: 6px;
		}

	section.play-back-page-section .lecture-question-block .rows-tabs {
		position: relative;
		height: 100%;
		max-height: 100%;
		min-height: 100%;
		overflow: hidden;
		display: block;
	}

	section.play-back-page-section .lecture-question-block .custom-tabs {
		position: relative;
		height: 100%;
		max-height: 100%;
		min-height: 100%;
		overflow: hidden;
	}

		section.play-back-page-section .lecture-question-block .custom-tabs .tab-content {
			padding: 0px;
			position: absolute;
			left: 0px;
			right: 0px;
			top: 43px;
			bottom: 45px;
			overflow: auto;
		}

			section.play-back-page-section .lecture-question-block .custom-tabs .tab-content.over-flow {
				overflow: hidden;
			}

section.play-back-page-section .lq-bookmark-block {
	display: block;
	overflow: hidden;
	position: relative;
}

	section.play-back-page-section .lq-bookmark-block .bookmark-block-list {
		float: left;
		width: 100%;
		padding: 0px;
		margin: 0px;
	}

		section.play-back-page-section .lq-bookmark-block .bookmark-block-list li {
			float: left;
			width: 100%;
			padding: 10px 10px;
			margin: 0px;
			border-bottom: 1px solid #e9e9e9;
			position: relative;
			list-style: none;
		}

			section.play-back-page-section .lq-bookmark-block .bookmark-block-list li:hover {
				background: #f5f5f5;
			}

			section.play-back-page-section .lq-bookmark-block .bookmark-block-list li:last-child {
				border-bottom: 0px solid #e9e9e9;
			}

			section.play-back-page-section .lq-bookmark-block .bookmark-block-list li .inner-link {
				display: block;
				text-decoration: none;
			}

			section.play-back-page-section .lq-bookmark-block .bookmark-block-list li .left-time {
				float: left;
				width: 76px;
				font-size: 14px;
				color: #555555;
				font-weight: bold;
				padding-top: 8px;
				text-align: center;
				margin-right: 10px;
			}

				section.play-back-page-section .lq-bookmark-block .bookmark-block-list li .left-time .form-control {
					margin-top: -8px;
				}

			section.play-back-page-section .lq-bookmark-block .bookmark-block-list li .mid-block {
				display: block;
				overflow: hidden;
				position: relative;
				margin-right: 65px;
				font-size: 14px;
				font-weight: normal;
				color: #303030;
			}

			section.play-back-page-section .lq-bookmark-block .bookmark-block-list li .right-btn-p {
				position: absolute;
				right: 10px;
				top: 50%;
				margin-top: -12px;
				padding: 1px 5px;
			}

			section.play-back-page-section .lq-bookmark-block .bookmark-block-list li .right-btn-edit {
				position: absolute;
				right: 40px;
				top: 50%;
				margin-top: -12px;
				padding: 1px 5px;
			}


section.play-back-page-section .lq-content-block {
	display: block;
	overflow: hidden;
	position: relative;
}

	section.play-back-page-section .lq-content-block .content-block-list {
		float: left;
		width: 100%;
		padding: 0px;
		margin: 0px;
	}

		section.play-back-page-section .lq-content-block .content-block-list li {
			float: left;
			width: 100%;
			padding: 10px;
			margin: 0px;
			border-bottom: 1px solid #e9e9e9;
			position: relative;
			list-style: none;
		}

			section.play-back-page-section .lq-content-block .content-block-list li:hover {
				background: #f5f5f5;
			}

			section.play-back-page-section .lq-content-block .content-block-list li:last-child {
				border-bottom: 0px solid #e9e9e9;
			}

			section.play-back-page-section .lq-content-block .content-block-list li .inner-link {
				display: block;
				text-decoration: none;
			}

			section.play-back-page-section .lq-content-block .content-block-list li .left-time {
				float: left;
				width: 66px;
				font-size: 14px;
				color: #555555;
				font-weight: bold;
				padding-top: 0;
			}

			section.play-back-page-section .lq-content-block .content-block-list li .mid-block {
				display: block;
				overflow: hidden;
				position: relative;
				margin-right: 40px;
				font-size: 14px;
				font-weight: normal;
				color: #303030;
			}

			section.play-back-page-section .lq-content-block .content-block-list li .right-btn-edit {
				position: absolute;
				right: 10px;
				top: 50%;
				margin-top: -12px;
				padding: 1px 5px;
				z-index: 1;
			}

section.play-back-page-section .lq-questions-block {
	display: block;
	position: relative;
	overflow: hidden;
	padding-top: 53px;
}

	section.play-back-page-section .lq-questions-block .questions-block-list {
		float: left;
		width: 100%;
		padding: 0px;
		margin: 0px;
	}

		section.play-back-page-section .lq-questions-block .questions-block-list li {
			float: left;
			width: 100%;
			padding: 10px;
			margin: 0px;
			border-top: 1px solid #e9e9e9;
			position: relative;
			list-style: none;
		}

			section.play-back-page-section .lq-questions-block .questions-block-list li:hover {
				background: #f5f5f5;
			}

			section.play-back-page-section .lq-questions-block .questions-block-list li .left-name {
				float: left;
				width: 40px;
				font-size: 16px;
				color: #555555;
				font-weight: bold;
				padding-top: 0;
				height: 40px;
				text-transform: uppercase;
				text-align: center;
				border: 1px solid #333333;
				line-height: 38px;
				border-radius: 50%;
				margin-right: 10px;
				margin-top: 4px;
			}

			section.play-back-page-section .lq-questions-block .questions-block-list li a {
				display: block;
				text-decoration: none;
			}

				section.play-back-page-section .lq-questions-block .questions-block-list li a.reply-btn {
					display: inline-block;
					float: right;
					margin-left: 50px;
					margin-top: -20px;
				}

			section.play-back-page-section .lq-questions-block .questions-block-list li .mid-block {
				display: block;
				overflow: hidden;
				position: relative;
			}

				section.play-back-page-section .lq-questions-block .questions-block-list li .mid-block .heading {
					display: block;
					overflow: hidden;
					position: relative;
					font-size: 15px;
					font-weight: bold;
					color: #303030;
					max-height: 42px;
					margin-bottom: 5px;
					line-height: 20px;
				}

				section.play-back-page-section .lq-questions-block .questions-block-list li .mid-block .description {
					display: block;
					overflow: hidden;
					position: relative;
					white-space: nowrap;
					-ms-text-overflow: ellipsis;
					text-overflow: ellipsis;
					font-size: 14px;
					font-weight: normal;
					color: #555555;
				}

			section.play-back-page-section .lq-questions-block .questions-block-list li .answers {
				float: left;
				width: 100%;
				font-size: 13px;
				color: #545454;
				font-weight: normal;
				padding-left: 0;
			}

.modal.custom-modal.modal-inner-tab {
	position: absolute;
	overflow: hidden;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	height: 100%;
	width: 100%;
}

	.modal.custom-modal.modal-inner-tab .modal-dialog {
		width: 100% !important;
		padding-top: 0;
		right: -620px;
	}

.modal.in.custom-modal.modal-inner-tab .modal-dialog {
	right: 0px;
}

.modal.custom-modal.modal-inner-tab .modal-dialog .modal-title {
	padding-left: 34px;
	margin-top: 5px;
}

.modal.custom-modal.modal-inner-tab .modal-dialog .close-left-button {
	left: 0px;
	top: 30px;
	border: 0px;
	z-index: 999;
	line-height: 7px;
	margin-top: -23px;
}

	.modal.custom-modal.modal-inner-tab .modal-dialog .close-left-button span {
		font-size: 20px;
		line-height: 14px;
	}

.modal.in.custom-modal.modal-inner-tab .modal-dialog .modal-content .modal-body {
	height: auto;
	position: absolute;
	top: 60px;
	bottom: 0px;
	overflow-x: hidden;
	overflow-y: auto;
}

.modal.in.custom-modal.modal-inner-tab .modal-dialog .modal-content .modal-header {
	padding: 11px 15px;
}

.modal-body .questions-block-list {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

	.modal-body .questions-block-list li {
		float: left;
		width: 100%;
		padding: 0 0px;
		margin: 0px;
		position: relative;
		list-style: none;
	}

		.modal-body .questions-block-list li .left-name {
			float: left;
			width: 40px;
			font-size: 16px;
			color: #555555;
			font-weight: bold;
			padding-top: 0;
			height: 40px;
			text-transform: uppercase;
			text-align: center;
			border: 1px solid #333333;
			line-height: 38px;
			border-radius: 50%;
			margin-right: 10px;
			margin-top: 4px;
		}

		.modal-body .questions-block-list li a {
			display: block;
			text-decoration: none;
		}

		.modal-body .questions-block-list li .mid-block {
			display: block;
			overflow: hidden;
			position: relative;
		}

			.modal-body .questions-block-list li .mid-block .heading {
				display: block;
				overflow: hidden;
				position: relative;
				font-size: 16px;
				font-weight: bold;
				color: #303030;
			}

			.modal-body .questions-block-list li .mid-block .description {
				display: block;
				overflow: hidden;
				position: relative;
				font-size: 14px;
				font-weight: normal;
				color: #555555;
			}

			.modal-body .questions-block-list li .mid-block .heading .name-day {
				float: left;
				width: 100%;
			}

				.modal-body .questions-block-list li .mid-block .heading .name-day a {
					font-size: 14px;
					font-weight: normal;
					color: #ff8517;
					float: left;
					margin-right: 10px;
				}

				.modal-body .questions-block-list li .mid-block .heading .name-day span {
					font-size: 14px;
					font-weight: normal;
					color: #8c8c8c;
					float: left;
				}

.inner-comment {
	float: left;
	width: 100%;
	margin-top: 15px;
}

	.inner-comment .left-user {
		float: left;
		width: 40px;
		font-size: 16px;
		color: #555555;
		font-weight: bold;
		padding-top: 0;
		height: 40px;
		text-transform: uppercase;
		text-align: center;
		border: 1px solid #333333;
		line-height: 38px;
		border-radius: 50%;
		margin-right: 10px;
		margin-top: 4px;
		overflow: hidden;
	}

		.inner-comment .left-user img {
			display: inline-block;
			width: 100%;
			height: 100%;
			vertical-align: top;
		}

	.inner-comment .comment-block {
		display: block;
		overflow: hidden;
		position: relative;
	}

		.inner-comment .comment-block .name-and-date {
			float: left;
			width: 100%;
		}

			.inner-comment .comment-block .name-and-date a {
				font-size: 14px;
				font-weight: normal;
				color: #555555;
				float: left;
				margin-right: 10px;
			}

			.inner-comment .comment-block .name-and-date span {
				font-size: 14px;
				font-weight: normal;
				color: #8c8c8c;
				float: left;
			}

		.inner-comment .comment-block .description-comment {
			float: left;
			width: 100%;
			position: relative;
			font-size: 14px;
			font-weight: normal;
			color: #555555;
			margin-bottom: 15px;
		}

.bottom-buttons-row .relative {
	display: inline-block;
}

.bottom-buttons-row .bookmark-popup {
	position: absolute;
	width: 220px;
	bottom: 43px;
	background: #ffffff;
	border-radius: 5px;
	left: 0px;
	z-index: 9;
}

	.bottom-buttons-row .bookmark-popup .header {
		float: left;
		width: 100%;
		padding: 10px;
		border-bottom: 1px solid #e9e9e9;
		background: #424242;
		border-radius: 5px 5px 0 0;
	}

		.bottom-buttons-row .bookmark-popup .header .time-title {
			float: left;
			font-size: 16px;
			color: #ffffff;
			margin-top: 0px;
			font-weight: bold;
		}

		.bottom-buttons-row .bookmark-popup .header .btn {
			float: right;
			margin-right: 0px;
		}

	.bottom-buttons-row .bookmark-popup .comment-row {
		float: left;
		width: 100%;
		padding: 10px;
	}

		.bottom-buttons-row .bookmark-popup .comment-row .form-control {
			margin-bottom: 10px;
		}

	.bottom-buttons-row .bookmark-popup .popup-arrow {
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #ffffff;
		position: absolute;
		left: 70px;
		bottom: -10px;
	}

.surveys-questions-block {
	display: block;
	position: relative;
	overflow: hidden;
	padding-top: 0;
}

	.surveys-questions-block .questions-block-list {
		float: left;
		width: 100%;
		padding: 0px;
		margin: 0px;
	}

		.surveys-questions-block .questions-block-list li {
			float: left;
			width: 100%;
			padding: 10px;
			margin: 0px;
			border-top: 1px solid #e9e9e9;
			position: relative;
			list-style: none;
		}

			.surveys-questions-block .questions-block-list li:first-child {
				border-top: 0px solid #e9e9e9;
			}

			.surveys-questions-block .questions-block-list li:hover {
				background: #f5f5f5;
			}

			.surveys-questions-block .questions-block-list li .left-name {
				float: left;
				width: 40px;
				font-size: 16px;
				color: #555555;
				font-weight: bold;
				padding-top: 0;
				height: 40px;
				text-transform: uppercase;
				text-align: center;
				border: 1px solid #333333;
				line-height: 34px;
				border-radius: 50%;
				margin-right: 10px;
				margin-top: 4px;
			}

				.surveys-questions-block .questions-block-list li .left-name img {
					display: inline-block;
					width: 20px;
				}

			.surveys-questions-block .questions-block-list li a.mid-block-link {
				display: block;
				text-decoration: none;
				position: relative;
			}

			.surveys-questions-block .questions-block-list li a.btn {
				display: inline-block;
				float: right;
				margin-left: 5px;
				margin-top: 0;
			}

			.surveys-questions-block .questions-block-list li .mid-block {
				display: block;
				overflow: hidden;
				position: relative;
			}

				.surveys-questions-block .questions-block-list li .mid-block .heading {
					display: block;
					position: relative;
					font-size: 15px;
					font-weight: bold;
					color: #303030;
					margin-bottom: 5px;
					line-height: 20px;
					margin-top: 3px;
				}

			.surveys-questions-block .questions-block-list li .answers {
				display: block;
				font-size: 13px;
				color: #545454;
				font-weight: normal;
				padding-left: 51px;
			}

.question-box {
	float: left;
	width: 100%;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	background: #ffffff;
	margin-bottom: 10px;
	padding: 10px 15px;
}

.question-list-view.question-box {
	border: 0px solid #e0e0e0;
	padding: 0;
}

.question-box.flaged {
	border: 1px solid #f36464;
}

	.question-box.flaged .qb-top .que-right .fa {
		color: #f36464;
	}

.question-box .qb-top {
	float: left;
	width: 100%;
}

	.question-box .qb-top .que-number {
		float: left;
		font-size: 14px;
		color: rgba(61, 71, 88, 0.5);
		font-weight: normal;
		margin-right: 15px;
	}

	.question-box .qb-top .que-right {
		float: right;
		margin-left: 15px;
	}

		.question-box .qb-top .que-right span {
			display: inline-block;
			font-size: 14px;
			font-weight: normal;
			color: rgba(61, 71, 88, 0.7);
		}

		.question-box .qb-top .que-right .fa {
			display: inline-block;
			font-size: 14px;
			font-weight: normal;
			color: #3d4758;
			margin-left: 10px;
		}

	.question-box .qb-top .que-text {
		display: block;
		position: relative;
		margin: 0 120px 0 35px;
	}

		.question-box .qb-top .que-text .que-description {
			display: block;
			width: 100%;
			font-size: 14px;
			color: #3d4758;
			font-weight: normal;
		}

			.question-box .qb-top .que-text .que-description .blank-span {
				display: inline-block;
				border-bottom: 1px solid #3d4758;
			}

		.question-box .qb-top .que-text .que-label {
			display: inline-block;
			border: 1px solid #d9d9d9;
			background: #e3e3e3;
			padding: 2px 10px;
			font-size: 10px;
			color: #3d4758;
			font-weight: normal;
			border-radius: 3px;
			margin-top: 10px;
		}

.question-box .qb-bottom {
	float: left;
	width: 100%;
	margin-top: 15px;
	position: relative;
}

	.question-box .qb-bottom .qb-ans {
		float: left;
		font-size: 14px;
		color: #b0b0b0;
		font-weight: normal;
		margin-right: 15px;
	}

	.question-box .qb-bottom .ans-list {
		display: block;
		position: relative;
		margin: 0 0 0 35px;
		padding: 0px;
	}

.question-list-view.question-box .qb-bottom .ans-list {
	display: inline-block;
	max-width: 30%;
	margin-left: 0px;
}

.question-box .qb-bottom .ans-list li {
	float: left;
	width: 33.3%;
	list-style: none;
	padding: 0px;
	margin: 0px 0px 10px;
}

.question-list-view.question-box .qb-bottom .ans-list li {
	width: 100%;
}

.question-box .qb-bottom .ans-list li .c-radio {
	margin: 0px;
}

.c-checkbox input[type=radio]:checked + span,
.c-radio input[type=radio]:checked + span {
	width: 16px;
	height: 16px;
	border-color: #ed8b00;
	background-color: #ed8b00;
}

.c-checkbox span,
.c-radio span {
	width: 16px;
	height: 16px;
	border: 1px solid #ed8b00;
}

.c-checkbox:hover span,
.c-radio:hover span {
	border-color: #ed8b00;
}

.c-radio input[type=radio]:checked + span {
	background-color: #fff;
}

	.c-checkbox input[type=radio]:checked + span:before,
	.c-radio input[type=radio]:checked + span:before {
		color: #ed8b00;
	}

.c-checkbox span:before,
.c-radio span:before {
	top: 0px;
	left: -1px;
	right: 0;
	bottom: 0;
	opacity: 0;
	text-align: center !important;
	font-size: 9px;
	line-height: 14px;
	vertical-align: middle;
}

.radio label,
.checkbox label {
	color: #3d4758;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
}

.c-checkbox input[type=checkbox]:checked + span,
.c-radio input[type=checkbox]:checked + span {
	border-color: #ed8b00;
	background-color: #ed8b00;
}

.c-checkbox,
.c-radio {
	margin: 0px;
}

.question-box .qb-bottom .right-block {
	float: right;
	width: 100%;
}

.question-list-view.question-box .qb-bottom .right-block {
	width: 65%;
	margin-top: 0px;
}

.filler-bar-left-section {
	float: left;
	width: 64%;
	position: relative;
	padding-top: 40px;
	padding-left: 0px;
}

	.filler-bar-left-section.pal {
		padding-left: 38px;
	}

.question-list-view.question-box .filler-bar-left-section {
	padding-top: 0px;
}

.filler-bar-right-section {
	float: left;
	width: 200px;
	padding: 15px;
	position: absolute;
	right: 0px;
	padding-top: 40px;
}

.question-list-view.question-box .filler-bar-right-section {
	padding-top: 0px;
}

.filler-bar-right-section ul {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

	.filler-bar-right-section ul li {
		float: left;
		width: 100%;
		padding: 0px;
		margin: 0px 0px 5px;
		list-style: none;
		font-size: 12px;
		color: #545454;
	}

		.filler-bar-right-section ul li .square {
			float: left;
			width: 12px;
			height: 12px;
			margin-right: 5px;
			margin-top: 3px;
		}

			.filler-bar-right-section ul li .square.red {
				background: #e9542a;
			}

			.filler-bar-right-section ul li .square.orange {
				background: #f4ae43;
			}

			.filler-bar-right-section ul li .square.light-green {
				background: #6cc8c9;
			}

			.filler-bar-right-section ul li .square.green {
				background: #295e5e;
			}

			.filler-bar-right-section ul li .square.black {
				background: #333333;
			}

.modal.custom-modal.modal-inner-tab .modal-dialog .modal-title .all-msg {
	float: right;
	font-size: 12px;
	color: #ed8b00;
	margin-top: 7px;
	font-weight: normal;
}

.survey-complete {
	float: left;
	width: 100%;
	text-align: center;
	padding-bottom: 15px
}

	.survey-complete .top-text {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		margin-top: 20px;
	}

		.survey-complete .top-text .fa {
			display: inline-block;
			width: 60px;
			height: 60px;
			text-align: center;
			line-height: 60px;
			font-size: 24px;
			color: #ffffff;
			background: #ed8b00;
			border-radius: 50%;
			margin-bottom: 10px;
		}

		.survey-complete .top-text .text {
			display: block;
			font-size: 22px;
			font-weight: bold;
			color: #303030;
		}

	.survey-complete .mid-text {
		display: block;
		font-size: 16px;
		font-weight: normal;
		color: #303030;
		margin-bottom: 30px;
		float: left;
		width: 100%;
	}

	.survey-complete .bottom-button {
		float: left;
		width: 100%;
		text-align: center;
	}

		.survey-complete .bottom-button p {
			float: left;
			width: 100%;
			font-size: 10px;
			color: #999999;
			margin-top: 10px;
		}

	.survey-complete .mid-list {
		margin: 0 auto 20px;
		padding: 0px;
		position: relative;
		max-width: 80%;
		border: 1px solid #e9e9e9;
		overflow: hidden;
	}

		.survey-complete .mid-list li {
			float: left;
			width: 33.3%;
			border-right: 1px solid #e9e9e9;
			text-align: center;
			padding: 10px 5px;
			margin: 0px;
			list-style: none;
		}

			.survey-complete .mid-list li:last-child {
				border-right: 0px solid #e9e9e9;
			}

			.survey-complete .mid-list li .title {
				display: block;
				font-size: 14px;
				color: #636769;
				margin-bottom: 1px;
			}

			.survey-complete .mid-list li .score {
				display: block;
				font-size: 22px;
				font-weight: bold;
				color: #303030;
			}

#surveyQuestionDetails.modal.custom-modal.modal-inner-tab .modal-footer {
	padding-bottom: 78px;
}

#quizQuestionDetails.modal.custom-modal.modal-inner-tab .modal-footer {
	padding-bottom: 78px;
}

.modal.custom-modal.modal-inner-tab .modal-dialog .modal-title.edit {
	line-height: 18px;
}

.quiz-questions-block {
	display: block;
	position: relative;
	overflow: hidden;
	padding-top: 0;
}

.position-modal-footer.modal-footer {
	position: absolute;
	left: 15px;
	bottom: 0px;
	right: 15px;
}

.question-box .radio.correct-ans label,
.checkbox.correct-ans label {
	color: #00a651;
}

.question-box .correct-ans.c-checkbox input[type=radio]:checked + span,
.question-box .correct-ans.c-radio input[type=radio]:checked + span {
	border-color: #00a651;
}

	.question-box .correct-ans.c-checkbox input[type=radio]:checked + span:before,
	.question-box .correct-ans.c-radio input[type=radio]:checked + span:before {
		color: #00a651;
	}

.question-box .correct-ans.c-checkbox span,
.question-box .correct-ans.c-radio span {
	border-color: #00a651;
}

.question-box .correct-ans.c-checkbox:hover span,
.question-box .correct-ans.c-radio:hover span {
	border-color: #00a651;
}

.question-box .correct-ans.c-checkbox input[type=checkbox]:checked + span,
.question-box .correct-ans.c-radio input[type=checkbox]:checked + span {
	border-color: #00a651;
	background-color: #00a651;
}

.question-box .qb-top .que-right.correct-ans span {
	color: #00a651;
}

.question-box .radio.wrong-ans label,
.checkbox.wrong-ans label {
	color: #f36464;
}

.question-box .wrong-ans.c-checkbox input[type=radio]:checked + span,
.question-box .wrong-ans.c-radio input[type=radio]:checked + span {
	border-color: #f36464;
}

	.question-box .wrong-ans.c-checkbox input[type=radio]:checked + span:before,
	.question-box .wrong-ans.c-radio input[type=radio]:checked + span:before {
		color: #f36464;
	}

.question-box .wrong-ans.c-checkbox span,
.question-box .wrong-ans.c-radio span {
	border-color: #f36464;
}

.question-box .wrong-ans.c-checkbox:hover span,
.question-box .wrong-ans.c-radio:hover span {
	border-color: #f36464;
}

.question-box .wrong-ans.c-checkbox input[type=checkbox]:checked + span,
.question-box .wrong-ans.c-radio input[type=checkbox]:checked + span {
	border-color: #f36464;
	background-color: #f36464;
}

.modal.custom-modal.modal-inner-tab .modal-header {
	min-height: 60px;
}

.padding_bottom60 {
	padding-bottom: 60px !important;
}

.play-bar-tooltips {
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: -5px;
	visibility: visible;
	opacity: 1;
	-webkit-transition: ease-in-out all 0.5s;
	-o-transition: ease-in-out all 0.5s;
	transition: ease-in-out all 0.5s;
	height: 4px;
	background: #ffffff;
}

	/* .left-video-box:hover .play-bar-tooltips{
    visibility: visible;
    opacity: 1;
} */

	.play-bar-tooltips .bar-quiz {
		position: absolute;
		left: 116px;
		width: 6px;
		height: 13px;
		background: #ffffff;
		bottom: -4px;
	}

	.play-bar-tooltips .bar-survey {
		position: absolute;
		left: 232px;
		width: 6px;
		height: 13px;
		background: #ffffff;
		bottom: -4px;
	}

	.play-bar-tooltips .bar-bookmark {
		position: absolute;
		right: 160px;
		width: 6px;
		height: 13px;
		background: #ffffff;
		bottom: -4px;
	}

/* Video list */

.margin_top-7 {
	margin-top: -7px !important;
}

.display-flex {
	display: flex !important
}

.common-library-heading {
	float: left;
	width: 100%;
	border-bottom: 1px solid #dddddd;
}

	.common-library-heading .l-title {
		float: left;
		padding: 10px;
		font-size: 16px;
		font-weight: bold;
		color: #303030;
	}

	.common-library-heading .title-right-icon {
		float: right;
		margin-right: 10px;
		margin-top: 15px;
		font-size: 16px;
		color: #ed8b00;
		text-decoration: none;
	}

	.common-library-heading .display-inline {
		display: inline-block;
		width: 160px;
		height: 44px;
		margin-left: 10px;
	}

		.common-library-heading .display-inline .form-control {
			margin: 4px 0 4px;
		}

	.common-library-heading .right-icons {
		float: right;
		margin-top: 15px;
	}

		.common-library-heading .right-icons a {
			float: left;
			margin-right: 12px;
			font-size: 16px;
			color: #c5c5c5;
			text-decoration: none;
		}

			.common-library-heading .right-icons a.active {
				color: #ed8b00;
			}

.left-library {
	float: left;
	width: 240px;
}

	.left-library .left-library-inner {
		float: left;
		width: 100%;
		padding: 10px 10px;
		background: #ffffff;
	}

		.left-library .left-library-inner .collapse-list {
			float: left;
			width: 100%;
			padding: 0px;
			margin: 0px;
		}

			.left-library .left-library-inner .collapse-list li {
				float: left;
				width: 100%;
				padding: 0px;
				margin: 0px;
				list-style: none;
			}

				.left-library .left-library-inner .collapse-list li a.link-collapse {
					float: left;
					width: 100%;
					font-size: 14px;
					color: #303030;
					padding: 10px 5px;
					line-height: normal;
					text-decoration: none;
					overflow: hidden;
					white-space: nowrap;
					-ms-text-overflow: ellipsis;
					text-overflow: ellipsis;
					border-bottom: 1px solid #f5f5f5;
					background: #f5f5f5;
				}

					.left-library .left-library-inner .collapse-list li a.link-collapse.collapsed {
						background: #ffffff;
					}

					.left-library .left-library-inner .collapse-list li a.link-collapse .fa {
						float: left;
						font-size: 14px;
						color: #ed8b00;
						margin-right: 10px;
						margin-top: 2px;
						-webkit-transition: ease-in-out all 0.5s;
						-o-transition: ease-in-out all 0.5s;
						transition: ease-in-out all 0.5s;
						font-weight: bold;
					}

					.left-library .left-library-inner .collapse-list li a.link-collapse.collapsed .fa-chevron-circle-right:before {
						content: "\f138";
						-webkit-transition: ease-in-out all 0.5s;
						-o-transition: ease-in-out all 0.5s;
						transition: ease-in-out all 0.5s;
					}

					.left-library .left-library-inner .collapse-list li a.link-collapse .fa-chevron-circle-right:before {
						content: "\f13a";
						-webkit-transition: ease-in-out all 0.5s;
						-o-transition: ease-in-out all 0.5s;
						transition: ease-in-out all 0.5s;
					}

				.left-library .left-library-inner .collapse-list li .collapse-list-inner {
					float: left;
					width: 100%;
					padding: 0px;
					padding-left: 23px;
					margin: 0px;
				}

					.left-library .left-library-inner .collapse-list li .collapse-list-inner li {
						float: left;
						width: 100%;
						padding: 0px;
						margin: 0px;
						list-style: none;
					}

						.left-library .left-library-inner .collapse-list li .collapse-list-inner li a {
							float: left;
							width: 100%;
							font-size: 14px;
							color: #303030;
							padding: 10px 5px;
							line-height: normal;
							text-decoration: none;
							overflow: hidden;
							white-space: nowrap;
							-ms-text-overflow: ellipsis;
							text-overflow: ellipsis;
						}

.right-library-block {
	display: block;
	overflow: hidden;
	position: relative;
}

	.right-library-block .inner-lib-left-block {
		display: block;
		overflow: hidden;
		position: relative;
		border-left: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
		min-height: 300px;
	}

		.right-library-block .inner-lib-left-block .library-block-inner {
			float: left;
			width: 100%;
		}

			.right-library-block .inner-lib-left-block .library-block-inner .video-library-ul {
				float: left;
				width: 100%;
				padding: 0px;
				margin: 0px;
			}

				.right-library-block .inner-lib-left-block .library-block-inner .video-library-ul li {
					float: left;
					width: 100%;
					padding: 10px;
					margin: 0px;
					list-style: none;
					border-bottom: 1px solid #e9e9e9;
					-webkit-transition: ease-in-out all 0.5s;
					-o-transition: ease-in-out all 0.5s;
					transition: ease-in-out all 0.5s;
				}

					.right-library-block .inner-lib-left-block .library-block-inner .video-library-ul li:hover {
						background: #f9f9f9;
					}

					.right-library-block .inner-lib-left-block .library-block-inner .video-library-ul li:last-child {
						border-bottom: 0px solid #e9e9e9;
					}

					.right-library-block .inner-lib-left-block .library-block-inner .video-library-ul li .video-image-left {
						float: left;
						width: 160px;
						height: 90px;
						overflow: hidden;
						position: relative;
						border-radius: 5px;
						margin-right: 10px;
					}

						.right-library-block .inner-lib-left-block .library-block-inner .video-library-ul li .video-image-left img {
							vertical-align: middle;
							width: 100%;
						}

						.right-library-block .inner-lib-left-block .library-block-inner .video-library-ul li .video-image-left .play-icon {
							position: absolute;
							left: 0;
							top: 0;
							width: 100%;
							height: 100%;
							background: url(../img/play.png) no-repeat 50% 50% rgba(0, 0, 0, 0.5);
							background-size: 40px;
							z-index: 3;
							visibility: hidden;
							opacity: 0;
							-webkit-transition: ease-in-out all 0.5s;
							-o-transition: ease-in-out all 0.5s;
							transition: ease-in-out all 0.5s;
						}

					.right-library-block .inner-lib-left-block .library-block-inner .video-library-ul li:hover .video-image-left .play-icon {
						visibility: visible;
						opacity: 1;
					}

					.right-library-block .inner-lib-left-block .library-block-inner .video-library-ul li .video-image-left .duration-time {
						position: absolute;
						right: 0;
						bottom: 4px;
						display: inline-block;
						padding: 0 5px;
						font-size: 12px;
						color: #000;
						background: #ffbb62;
						border-radius: 0;
						z-index: 4;
					}

					.right-library-block .inner-lib-left-block .library-block-inner .video-library-ul li .right-video-detail {
						display: block;
						overflow: hidden;
						position: relative;
					}

						.right-library-block .inner-lib-left-block .library-block-inner .video-library-ul li .right-video-detail .video-name {
							float: left;
							width: 100%;
							font-size: 16px;
							font-weight: bold;
							color: #303030;
							margin: 2px 0 4px;
						}

						.right-library-block .inner-lib-left-block .library-block-inner .video-library-ul li .right-video-detail .video-subtitle {
							float: left;
							width: 100%;
							font-size: 14px;
							font-weight: normal;
							color: #999999;
							margin: 0 0 10px;
						}

						.right-library-block .inner-lib-left-block .library-block-inner .video-library-ul li .right-video-detail .video-links {
							float: left;
							width: 100%;
						}

							.right-library-block .inner-lib-left-block .library-block-inner .video-library-ul li .right-video-detail .video-links .btn {
								margin-right: 10px;
							}

	.right-library-block .inner-lib-right {
		float: right;
		width: 240px;
	}

		.right-library-block .inner-lib-right .all-courses-inner {
			float: left;
			width: 100%;
			padding: 5px 10px;
		}

			.right-library-block .inner-lib-right .all-courses-inner .all-courses-list {
				float: left;
				width: 100%;
				padding: 0px;
				margin: 0px;
			}

				.right-library-block .inner-lib-right .all-courses-inner .all-courses-list li {
					float: left;
					width: 100%;
					padding: 5px 0px;
					margin: 0px;
					list-style: none;
					font-size: 14px;
					color: #303030;
					font-weight: normal;
				}

					.right-library-block .inner-lib-right .all-courses-inner .all-courses-list li i {
						display: inline-block;
						font-size: 14px;
						color: #999999;
						font-weight: normal;
						margin-right: 5px;
					}

					.right-library-block .inner-lib-right .all-courses-inner .all-courses-list li .link {
						float: right;
						font-size: 14px;
						font-weight: bold;
						color: #ed8b00;
						margin-left: 5px;
						text-decoration: none;
					}

body.no-left-slide .wrapper > section .content-wrapper .panel.dark-background {
	background: #29303b;
	position: relative;
}



.details-tab-inner .details-tab-info .attachments-deatils {
	float: left;
	width: 100%;
	border: 1px solid #dddddd;
	border-radius: 0px;
	padding: 0;
	margin-bottom: 15px;
}

	.details-tab-inner .details-tab-info .attachments-deatils .attachments-deatils-title {
		display: block;
		padding: 8px 10px;
		border-bottom: 1px solid #dddddd;
		font-size: 15px;
		font-weight: bold;
		color: #303030;
	}

.details-tab-inner .details-tab-info .attachment-row {
	float: left;
	width: 100%;
	padding: 5px;
	position: relative;
	margin: 0px;
	overflow-y: auto;
	max-height: 280px;
}

	.details-tab-inner .details-tab-info .attachment-row li {
		float: left;
		width: 33.3%;
		padding: 5px;
		list-style: none;
		margin: 0px;
	}

	.details-tab-inner .details-tab-info .attachment-row a {
		float: left;
		width: 100%;
		display: inline-block;
		border: 1px solid #dddddd;
		border-radius: 0px;
		padding: 15px 12px 10px;
		text-decoration: none;
		text-align: center;
		position: relative;
	}

		.details-tab-inner .details-tab-info .attachment-row a:before {
			top: -15px;
			left: -15px;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
			border-color: rgba(136, 183, 213, 0);
			border-bottom-color: #ffffff;
			border-width: 14px;
			-ms-transform: rotate(-45deg);
			/* IE 9 */
			-webkit-transform: rotate(-45deg);
			/* Safari */
			transform: rotate(-45deg);
		}

		.details-tab-inner .details-tab-info .attachment-row a:after {
			top: 4px;
			left: 4px;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
			border-color: rgba(136, 183, 213, 0);
			border-top-color: #dddddd;
			border-width: 14px;
			-ms-transform: rotate(-45deg);
			/* IE 9 */
			-webkit-transform: rotate(-45deg);
			/* Safari */
			transform: rotate(-45deg);
		}

		.details-tab-inner .details-tab-info .attachment-row a i {
			display: inline-block;
			font-size: 34px;
			color: #999999;
			margin-bottom: 9px;
		}

		.details-tab-inner .details-tab-info .attachment-row a span {
			display: block;
			font-size: 14px;
			font-weight: normal;
			color: #303030;
			line-height: 14px;
			overflow: hidden;
			white-space: nowrap;
			-ms-text-overflow: ellipsis;
			text-overflow: ellipsis;
		}

.details-tab-inner .details-tab-info .buttons-row {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	margin-top: 1px;
}

	.details-tab-inner .details-tab-info .buttons-row .checkbox.c-checkbox.display-inline {
		float: none;
		width: auto;
	}

.video-js .vjs-big-play-button {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	margin-left: -35px;
	margin-top: -35px;
	line-height: 66px;
}

.vjs-default-skin .vjs-big-play-button:before {
	line-height: 66px;
	margin-left: 0px;
}

.vjs-default-skin .vjs-timepanel-left-RS,
.vjs-default-skin .vjs-timepanel-right-RS {
	font-size: 10px;
}

.vjs-default-skin .vjs-controltimepanel-RS input {
	line-height: 10px;
}

section.play-back-page-section .details-tab-inner .details-tab-info .star-rating {
	float: left;
	position: fixed;
	right: 11px;
	bottom: 44px;
	width: 598px;
	background: #f5f7f7;
	padding: 12px 10px 11px;
	border-top: 1px solid #dddddd;
}

	section.play-back-page-section .details-tab-inner .details-tab-info .star-rating .star-label {
		float: left;
		display: inline-block;
		font-size: 16px;
		color: #303030;
		font-weight: normal;
		margin-right: 10px;
		margin-top: 4px;
		line-height: 14px;
	}

	section.play-back-page-section .details-tab-inner .details-tab-info .star-rating span {
		font-size: 24px;
		cursor: pointer;
		margin-right: 5px;
		float: left;
	}

	section.play-back-page-section .details-tab-inner .details-tab-info .star-rating .fa-star {
		color: #ed8b00;
	}

	section.play-back-page-section .details-tab-inner .details-tab-info .star-rating .fa-star-o {
		color: #555555;
	}

		section.play-back-page-section .details-tab-inner .details-tab-info .star-rating .fa-star-o:hover {
			color: #ed8b00;
		}

			section.play-back-page-section .details-tab-inner .details-tab-info .star-rating .fa-star-o:hover:before {
				content: "\f005";
			}

.lecture-block-video .left-video-box .modal.custom-modal .modal-dialog .modal-content .modal-body {
	position: absolute;
	bottom: 60px;
	top: 60px;
	height: auto;
}

	.lecture-block-video .left-video-box .modal.custom-modal .modal-dialog .modal-content .modal-body.bottom-end {
		bottom: 0px;
	}

.quiz-questions-block.post-quiz-questions-block {
	float: left;
	width: 100%;
	overflow: inherit;
}

	.quiz-questions-block.post-quiz-questions-block .questions-block-list {
		max-height: 100%;
		overflow-y: auto;
		overflow-x: inherit;
	}

		.quiz-questions-block.post-quiz-questions-block .questions-block-list li .checkbox,
		.quiz-questions-block.post-quiz-questions-block .questions-block-list li .radio {
			position: absolute;
			right: 12px;
			top: 50%;
			margin-top: -10px;
			z-index: 9;
		}

		.quiz-questions-block.post-quiz-questions-block .questions-block-list li .mid-block {
			margin-right: 30px;
		}

.crt-new-quiz-box {
	float: left;
	width: 100%;
	border: 1px solid #dddddd;
	border-radius: 0;
	background: #f5f7f7;
	padding: 15px 15px 0;
	margin-bottom: 10px;
}

.pq-questions-block {
	display: block;
	position: relative;
	overflow: hidden;
	padding-top: 0;
	margin-bottom: 15px;
}

	.pq-questions-block .questions-block-list {
		float: left;
		width: 100%;
		padding: 0px;
		margin: 0px;
	}

		.modal-body .pq-questions-block .questions-block-list li,
		.pq-questions-block .questions-block-list li {
			float: left;
			width: 100%;
			padding: 10px;
			margin: 0px;
			border-top: 1px solid #e9e9e9;
			position: relative;
			list-style: none;
		}

			.pq-questions-block .questions-block-list li:last-child {
				border-bottom: 1px solid #e9e9e9;
			}

			.pq-questions-block .questions-block-list li:hover {
				background: #f5f5f5;
			}

			.pq-questions-block .questions-block-list li .left-name {
				float: left;
				width: 40px;
				font-size: 16px;
				color: #555555;
				font-weight: bold;
				padding-top: 0;
				height: 40px;
				text-transform: uppercase;
				text-align: center;
				border: 1px solid #333333;
				line-height: 38px;
				border-radius: 50%;
				margin-right: 10px;
				margin-top: 4px;
				overflow: hidden;
			}

				.pq-questions-block .questions-block-list li .left-name img {
					width: 100%;
					height: 100%;
					vertical-align: middle
				}

			.pq-questions-block .questions-block-list li a {
				display: inline-block;
				text-decoration: none;
			}

			.pq-questions-block .questions-block-list li .mid-block {
				display: block;
				overflow: hidden;
				position: relative;
			}

				.pq-questions-block .questions-block-list li .mid-block .heading {
					display: block;
					overflow: hidden;
					position: relative;
					font-size: 15px;
					font-weight: bold;
					color: #303030;
					max-height: 42px;
					margin-bottom: 2px;
					margin-top: 3px;
					line-height: 20px;
					text-decoration: none;
				}

				.pq-questions-block .questions-block-list li .mid-block .description {
					display: block;
					overflow: hidden;
					position: relative;
					white-space: nowrap;
					-ms-text-overflow: ellipsis;
					text-overflow: ellipsis;
					font-size: 14px;
					font-weight: normal;
					color: #555555;
				}

			.pq-questions-block .questions-block-list li .answers {
				float: left;
				width: 100%;
				font-size: 13px;
				color: #545454;
				font-weight: normal;
				padding-left: 0;
				position: relative;
				z-index: 2;
			}

.line-h-18 {
	line-height: 18px;
}

.lecture-question-block .nav-tabs > li > a {
	padding: 10px;
}

.modal-body .c-checkbox input[type=checkbox]:checked + span:before,
.modal-body .c-radio input[type=checkbox]:checked + span:before,
.modal-body .c-checkbox input[type=radio]:checked + span:before,
.modal-body .c-radio input[type=radio]:checked + span:before {
	color: #ed8b00;
}

.content-inner-section .c-checkbox input[type=radio]:checked + span,
.content-inner-section .c-radio input[type=radio]:checked + span {
	width: 16px;
	height: 16px;
	border-color: #ed8b00;
	background-color: #ed8b00;
}

.content-inner-section .c-checkbox span,
.content-inner-section .c-radio span {
	width: 16px;
	height: 16px;
	border: 1px solid #ed8b00;
}

.content-inner-section .c-checkbox:hover span,
.content-inner-section .c-radio:hover span {
	border-color: #ed8b00;
}

.content-inner-section .c-radio input[type=radio]:checked + span {
	background-color: #fff;
}

	.content-inner-section .c-checkbox input[type=radio]:checked + span:before,
	.content-inner-section .c-radio input[type=radio]:checked + span:before {
		color: #ed8b00;
	}

.content-inner-section .c-checkbox span:before,
.content-inner-section .c-radio span:before {
	top: 0px;
	left: -1px;
	right: 0;
	bottom: 0;
	opacity: 0;
	text-align: center !important;
	font-size: 9px;
	line-height: 14px;
	vertical-align: middle;
}

.radio label,
.checkbox label {
	color: #3d4758;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
}

.content-inner-section .c-checkbox input[type=checkbox]:checked + span,
.content-inner-section .c-radio input[type=checkbox]:checked + span {
	border-color: #ed8b00;
	background-color: #ed8b00;
}

	.content-inner-section .c-checkbox input[type=checkbox]:checked + span:before,
	.content-inner-section .c-radio input[type=checkbox]:checked + span:before,
	.content-inner-section .c-checkbox input[type=radio]:checked + span:before,
	.content-inner-section .c-radio input[type=radio]:checked + span:before {
		color: #ffffff;
	}

.content-inner-section .c-checkbox,
.content-inner-section .c-radio {
	margin: 0px;
}

.modal-header .modal-title {
	line-height: 1.52857143;
}

.question-box-help {
	float: left;
	display: inline-block;
	margin-right: 20px;
	font-size: 13px;
	color: #303030;
}

	.question-box-help .box {
		float: left;
		width: 14px;
		height: 14px;
		margin-top: 3px;
		margin-right: 6px;
		border-radius: 2px;
	}

	.question-box-help.correct .box {
		background: #00a651;
	}

	.question-box-help.wrong .box {
		background: #f36464;
	}

.content-inner-section .panel.library-panel.panel-light {
	background: #f5f7fa;
}

.edit-video-section {
	display: block;
	margin: 0px;
	padding: 0px;
	margin-right: 0;
	position: absolute;
	left: 0;
	right: 340px;
	top: 44px;
	bottom: 0px;
	overflow-y: auto;
	background: #f5f7fa;
}

	.edit-video-section .edit-video-inner {
		float: left;
		width: 100%;
		padding: 10px;
	}

		.edit-video-section .edit-video-inner .left-video-penel {
			float: left;
			width: 50%;
		}

			.edit-video-section .edit-video-inner .left-video-penel .video-tag {
				float: left;
				width: 100%;
				margin-bottom: 0px;
			}

		.edit-video-section .edit-video-inner .slider-range-custom {
			float: left;
			width: 100%;
			margin-top: 10px;
			margin-bottom: 15px;
		}

			.edit-video-section .edit-video-inner .slider-range-custom .slider {
				float: left;
				width: 100%;
			}

			.edit-video-section .edit-video-inner .slider-range-custom .slider-track {
				height: 16px;
				border-color: #5d5d5d;
			}

			.edit-video-section .edit-video-inner .slider-range-custom .slider-handle.round {
				top: 2px;
				border-color: #5d5d5d;
			}

			.edit-video-section .edit-video-inner .slider-range-custom .slider-selection {
				background-color: #5d5d5d;
			}

			.edit-video-section .edit-video-inner .slider-range-custom .start-video-time {
				float: left;
				font-size: 14px;
				color: #303030;
				font-weight: normal;
			}

			.edit-video-section .edit-video-inner .slider-range-custom .end-video-time {
				float: right;
				font-size: 14px;
				color: #303030;
				font-weight: normal;
			}

		.edit-video-section .edit-video-inner .right-clip-section {
			float: left;
			width: 100%;
			border-top: 1px solid #dddddd;
			margin-left: 0;
			margin-top: 0px;
			padding-top: 10px;
		}

			.edit-video-section .edit-video-inner .right-clip-section .video-clip-inner {
				float: left;
				width: 100%;
				padding: 0;
				padding-bottom: 0px;
				position: relative;
			}

				.edit-video-section .edit-video-inner .right-clip-section .video-clip-inner .clips-list {
					display: block;
					padding: 0px;
					margin: 0px;
					text-align: left;
					white-space: nowrap;
					overflow-x: auto;
					margin-left: 150px;
				}

					.edit-video-section .edit-video-inner .right-clip-section .video-clip-inner .clips-list li {
						display: inline-block;
						width: 150px;
						padding: 13px 6px;
						margin: 0px;
						list-style: none;
						margin-bottom: 10px;
						background: url(../Content/images/film-reel.jpg) repeat-x 0 0;
						background-size: 100% 100%;
						margin: 0 -2px;
					}

				.edit-video-section .edit-video-inner .right-clip-section .video-clip-inner .add-clip-link-li {
					display: inline-block;
					width: 150px;
					padding: 0px 10px;
					margin: 0px;
					list-style: none;
					margin-bottom: 10px;
					background: #ffffff;
					background-size: 100% 100%;
					margin: 0;
					float: left;
					position: absolute;
					left: 0px;
					top: 0px;
					z-index: 1;
				}

					.edit-video-section .edit-video-inner .right-clip-section .video-clip-inner .add-clip-link-li .add-clip {
						float: left;
						width: 100%;
						height: 97px;
						overflow: hidden;
						position: relative;
						border-radius: 0px;
						margin-right: 0;
						border: 1px solid #dddddd;
						color: #303030;
						background-color: #ffffff;
						padding: 27px 10px 10px;
						text-align: center;
						text-decoration: none;
						-webkit-transition: ease-in-out all 0.5s;
						-o-transition: ease-in-out all 0.5s;
						transition: ease-in-out all 0.5s;
						-webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.1);
						box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.1);
					}

						.edit-video-section .edit-video-inner .right-clip-section .video-clip-inner .add-clip-link-li .add-clip:hover {
							background: #f5f7f7;
						}

						.edit-video-section .edit-video-inner .right-clip-section .video-clip-inner .add-clip-link-li .add-clip i {
							display: inline-block;
							font-size: 24px;
							color: #303030;
							margin-bottom: 2px;
						}

						.edit-video-section .edit-video-inner .right-clip-section .video-clip-inner .add-clip-link-li .add-clip span.text {
							font-size: 14px;
							color: #303030;
							display: block;
							text-align: center;
						}

				.edit-video-section .edit-video-inner .right-clip-section .video-clip-inner .clips-list li .clip-img {
					float: left;
					width: 100%;
					height: 70px;
					overflow: hidden;
					position: relative;
					border-radius: 3px;
					margin-right: 0;
					border: 1px solid #5d5d5d;
					text-align: center;
					background: #5d5d5d;
				}

					.edit-video-section .edit-video-inner .right-clip-section .video-clip-inner .clips-list li .clip-img img {
						width: 100%;
						display: inline-block;
						vertical-align: middle;
					}

					.edit-video-section .edit-video-inner .right-clip-section .video-clip-inner .clips-list li .clip-img .clip-overlay {
						position: absolute;
						left: 0px;
						top: 0px;
						width: 100%;
						height: 100%;
						background: rgba(255, 255, 255, 0.5);
						text-align: center;
						line-height: 70px;
						visibility: hidden;
						opacity: 0;
						-webkit-transition: ease-in-out all 0.5s;
						-o-transition: ease-in-out all 0.5s;
						transition: ease-in-out all 0.5s;
					}

					.edit-video-section .edit-video-inner .right-clip-section .video-clip-inner .clips-list li .clip-img:hover .clip-overlay {
						visibility: visible;
						opacity: 1;
						-webkit-transition: ease-in-out all 0.5s;
						-o-transition: ease-in-out all 0.5s;
						transition: ease-in-out all 0.5s;
					}

					.edit-video-section .edit-video-inner .right-clip-section .video-clip-inner .clips-list li .clip-img .clip-overlay a {
						display: inline-block;
						font-size: 14px;
						padding: 2px 10px;
						background: #ffffff;
						color: #303030;
						font-weight: normal;
						border: 1px solid #dddddd;
						border-radius: 3px;
						line-height: normal;
						margin: 0 3px;
					}

				.edit-video-section .edit-video-inner .right-clip-section .video-clip-inner .clips-list li .clip-time {
					float: left;
					width: 100%;
					font-size: 14px;
					color: #303030;
					font-weight: normal;
				}

		.edit-video-section .edit-video-inner .video-bottom-links {
			float: left;
			width: 100%;
			margin-top: 10px;
			margin-bottom: 10px;
		}

.video-js .vjs-big-play-button {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	margin-left: -35px;
	margin-top: -35px;
	line-height: 66px;
}

.vjs-default-skin .vjs-big-play-button:before {
	line-height: 66px;
	margin-left: 0px;
}

.vjs-default-skin .vjs-timepanel-left-RS,
.vjs-default-skin .vjs-timepanel-right-RS {
	font-size: 10px;
}

.vjs-default-skin .vjs-controltimepanel-RS input {
	line-height: 10px;
}

.edit-video-container {
	background: #ffffff;
	border: 1px solid #dddddd;
	width: 928px;
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 0;
	position: relative;
}

.video-bottom-row {
	float: left;
	width: 100%;
	border-top: 1px solid #dddddd;
	margin-top: 5px;
	padding: 10px 10px;
	background: #efefef;
}

	.video-bottom-row .left-text-block {
		display: block;
		overflow: hidden;
		position: relative;
		font-size: 18px;
		font-weight: normal;
		color: #303030;
		white-space: nowrap;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		line-height: 30px;
	}

	.video-bottom-row .right-links {
		float: right;
		margin-left: 10px;
	}

		.video-bottom-row .right-links a {
			display: inline-block;
			margin-left: 5px;
			vertical-align: middle;
		}

.label.label-default {
	color: #303030;
	font-size: 13px;
}

.position-info {
	position: absolute;
	right: 10px;
	top: 6px;
}

	.position-info .info-button {
		display: inline-block;
		font-size: 20px;
		color: #ed8b00;
		text-decoration: none;
		font-weight: normal;
	}

.video-quiz_marker {
	background-color: #ff0000 !important;
}

.video-survey-marker {
	background-color: #4949d8 !important;
}

.video-marker-nobackground {
	background-color: transparent !important;
}

.video-survey-marker {
	background-color: #4949d8 !important;
}

.video-bookmark {
	background-color: orange !important;
}

.vjs-default-skin .vjs-control .vjs-live-display {
	display: none;
}

.edit-video-search-section {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	margin-right: 0;
	position: absolute;
	right: 0;
	width: 340px;
	top: 90px;
	bottom: 0px;
	overflow-y: auto;
	background: #ffffff;
	border-left: 1px solid #dddddd;
}

	.edit-video-search-section .video-search-heading {
		position: fixed;
		right: 0px;
		float: left;
		width: 340px;
		height: 46px;
		top: 94px;
		padding: 5px 10px;
		background: #f1f1f1;
		border-bottom: 1px solid #dddddd;
		border-left: 1px solid #dddddd;
	}

	.edit-video-search-section .search-video-list {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0px;
	}

		.edit-video-search-section .search-video-list li {
			float: left;
			width: 100%;
			border-bottom: 1px solid #dddddd;
			padding: 5px 10px;
			background-color: #ffffff;
		}

			.edit-video-search-section .search-video-list li:hover {
				background-color: #f5f7fa;
			}

			.edit-video-search-section .search-video-list li .search-video-list-link {
				float: left;
				width: 100%;
				text-decoration: none;
			}

			.edit-video-search-section .search-video-list li .left-thumb {
				float: left;
				width: 80px;
				overflow: hidden;
				position: relative;
				border-radius: 0px;
				margin-right: 10px;
				border: 1px solid #dddddd;
				text-align: center;
				background: #ffffff;
			}

				.edit-video-search-section .search-video-list li .left-thumb img {
					vertical-align: middle;
					width: 100%;
				}

				.edit-video-search-section .search-video-list li .left-thumb .duration-time {
					position: absolute;
					right: 0;
					bottom: 0px;
					display: inline-block;
					padding: 0px 8px;
					font-size: 12px;
					color: #ffffff;
					background: #303030;
					border-radius: 0;
					z-index: 4;
				}

			.edit-video-search-section .search-video-list li .video-name-block {
				display: block;
				overflow: hidden;
				position: relative;
			}

				.edit-video-search-section .search-video-list li .video-name-block .video-name {
					display: block;
					width: 100%;
					font-size: 14px;
					font-weight: bold;
					color: #303030;
					text-decoration: none;
					line-height: 16px;
				}

				.edit-video-search-section .search-video-list li .video-name-block .video-folder {
					float: left;
					font-size: 14px;
					font-weight: normal;
					color: #555555;
					margin: 0;
					text-decoration: none;
					margin-right: 15px;
				}

					.edit-video-search-section .search-video-list li .video-name-block .video-folder i {
						font-size: 13px;
						margin-right: 5px;
					}

.overlayAnalytic .flot-chart-video {
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 350px;
}

audio,
canvas,
progress,
video {
	vertical-align: middle;
}

#overlayAnalyticMenu .display-inline .btn.btn-grey:focus,
#overlayAnalyticMenu .display-inline .btn.btn-grey.active {
	color: #ffffff;
	background-color: #ff8517;
	border-color: #ff8517;
}

.content-wrapper .content-heading .right-heading-buttons {
	float: right;
	margin-top: -5px;
}

	.content-wrapper .content-heading .right-heading-buttons .btn {
		padding: 5px 10px;
	}

.clip-video-scroll {
	float: left;
	width: 100%;
	overflow-x: auto;
	white-space: nowrap;
	padding-top: 5px;
}

	.clip-video-scroll .inner-div {
		max-width: 100%;
		white-space: nowrap;
	}

		.clip-video-scroll .inner-div .td-scroll {
			display: inline-block;
			width: 160px;
			padding: 13px 6px;
			list-style: none;
			margin-bottom: 10px;
			background: url(./film-reel.jpg) repeat-x 0 0;
			background-size: 100% 100%;
			margin: 0 -2px;
			position: relative;
			z-index: 1;
		}

		.clip-video-scroll .inner-div video {
			max-width: 100%;
			margin: 0 auto;
			float: none;
			text-align: center;
		}

		.clip-video-scroll .inner-div .video-js {
			float: left;
			width: 100%;
			border-radius: 5px;
		}

		.clip-video-scroll .inner-div .bottom-text {
			padding: 0 3px;
			position: absolute;
			z-index: 2;
			left: 6px;
			bottom: 13px;
			background: rgba(0, 0, 0, 0.5);
			right: 6px;
			border-radius: 0 0 5px 5px;
			color: #ffffff;
		}

			.clip-video-scroll .inner-div .bottom-text a {
				font-size: 12px;
				color: #ffffff;
				font-weight: normal;
				line-height: normal;
			}

		.clip-video-scroll .inner-div .td-scroll .clip-buttons-row {
			float: left;
			width: 100%;
			text-align: center;
			background: none;
			padding: 0 10px;
			position: absolute;
			left: 0;
			z-index: 1;
			top: 50%;
			margin-top: -12px;
			opacity: 0;
			visibility: hidden;
			-webkit-transition: ease-in-out all 0.5s;
			-o-transition: ease-in-out all 0.5s;
			transition: ease-in-out all 0.5s;
		}

		.clip-video-scroll .inner-div .td-scroll:hover .clip-buttons-row {
			opacity: 1;
			visibility: visible;
		}

	.clip-video-scroll .add-clip-link-li .add-clip {
		height: 106px;
		padding-top: 30px;
	}

	.clip-video-scroll .add-clip-link-li {
		height: auto;
		padding: 0 12px 0 5px;
	}





/* Setting Page Css Start */

.settings-inner-section {
	display: block;
	position: relative;
	clear: both;
	overflow: hidden;
	padding: 10px 20px;
}

	.settings-inner-section .settings-list {
		position: relative;
		display: block;
		margin: 0px -10px;
		padding: 0;
	}

		.settings-inner-section .settings-list li {
			float: left;
			width: 25%;
			padding: 10px;
			list-style: none;
			margin: 0px;
		}

			.settings-inner-section .settings-list li .settings-list-box {
				float: left;
				width: 100%;
				padding: 20px 10px 10px;
				text-align: center;
				border: 1px solid #dde6e9;
				border-radius: 5px;
				min-height: 190px;
				-webkit-transition: ease-in-out all 0.5s;
				-o-transition: ease-in-out all 0.5s;
				transition: ease-in-out all 0.5s;
			}

				.settings-inner-section .settings-list li .settings-list-box:hover {
					-webkit-box-shadow: 0 15px 15px 1px rgba(0, 0, 0, 0.1);
					box-shadow: 0 15px 25px 1px rgba(0, 0, 0, 0.1);
				}

				.settings-inner-section .settings-list li .settings-list-box .box-icon-div {
					float: left;
					width: 100%;
					text-align: center;
					margin-bottom: 10px;
				}

					.settings-inner-section .settings-list li .settings-list-box .box-icon-div i {
						display: inline-block;
						font-size: 24px;
						width: 60px;
						height: 60px;
						border: 1px solid #a1a1a1;
						border-radius: 50%;
						position: relative;
						line-height: 58px;
						color: #a1a1a1;
						-webkit-transition: ease-in-out all 0.5s;
						-o-transition: ease-in-out all 0.5s;
						transition: ease-in-out all 0.5s;
						position: relative;
					}

				.settings-inner-section .settings-list li .settings-list-box:hover .box-icon-div i {
					border-color: #a1a1a1;
				}

				.settings-inner-section .settings-list li .settings-list-box .box-title {
					float: left;
					width: 100%;
					text-align: center;
					font-size: 18px;
					font-weight: normal;
					color: #303030;
					margin-bottom: 3px;
				}

				.settings-inner-section .settings-list li .settings-list-box .box-subtitle {
					float: left;
					width: 100%;
					text-align: center;
					font-size: 14px;
					font-weight: normal;
					color: #888888;
					-webkit-transition: ease-in-out all 0.5s;
					-o-transition: ease-in-out all 0.5s;
					transition: ease-in-out all 0.5s;
					line-height: 18px;
					min-height: 40px;
					max-height: 40px;
					overflow-y: auto;
					overflow-x: hidden;
				}

/* .settings-inner-section .settings-list li .settings-list-box:hover .box-subtitle{
    color: rgba(237, 139, 0, 0.8);
} */

.right-settings-details {
	display: block;
	position: relative;
	margin-left: 220px;
}

.margin-left-wrapper {
	margin-left: 220px !important;
	width: auto !important;
	display: block;
}

.left-settings-menu {
	float: left;
	width: 220px;
	top: 50px;
	bottom: 0px;
	padding: 0 0 44px;
	position: fixed;
	background: #ffffff;
	left: 0px;
	overflow-y: auto;
	overflow-x: hidden;
	border-right: 1px solid #dddddd;
	z-index: 9;
}

	.left-settings-menu .menu-details {
		position: relative;
		width: 100%;
		display: block;
	}

		.left-settings-menu .menu-details .menu-heading {
			position: relative;
			width: 100%;
			display: block;
			padding: 0;
			background: #ffe7cb;
			border-left: 0px solid transparent;
			border-bottom: 1px solid #fbdbae;
		}

			.left-settings-menu .menu-details .menu-heading .menu-title {
				display: block;
				font-size: 14px;
				text-transform: uppercase;
				color: #5c5c5c;
				margin: 0px;
				padding: 0px;
			}

				.left-settings-menu .menu-details .menu-heading .menu-title a {
					display: block;
					font-size: 14px;
					text-transform: uppercase;
					color: #5c5c5c;
					margin: 0px;
					padding: 10px 15px;
					text-decoration: none;
					position: relative;
				}

					.left-settings-menu .menu-details .menu-heading .menu-title a:before {
						display: inline-block;
						font: normal normal normal 14px/1 FontAwesome;
						font-size: inherit;
						text-rendering: auto;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						content: "\f106";
						position: absolute;
						right: 12px;
						top: 10px;
					}

					.left-settings-menu .menu-details .menu-heading .menu-title a.collapsed:before {
						content: "\f107";
					}

		.left-settings-menu .menu-details .menu-listing-inner {
			display: block;
			position: relative;
			padding: 0px;
			margin: 0px;
		}

			.left-settings-menu .menu-details .menu-listing-inner li {
				display: block;
				position: relative;
				padding: 0px;
				margin: 0px;
				list-style: none;
			}

				.left-settings-menu .menu-details .menu-listing-inner li a {
					display: block;
					position: relative;
					padding: 8px 10px 8px 15px;
					font-size: 14px;
					color: #303030;
					font-weight: normal;
					border-bottom: 1px solid #e9e9e9;
					text-decoration: none;
					-webkit-transition: ease-in-out all 0.5s;
					-o-transition: ease-in-out all 0.5s;
					transition: ease-in-out all 0.5s;
				}

					.left-settings-menu .menu-details .menu-listing-inner li a:hover,
					.left-settings-menu .menu-details .menu-listing-inner li a.active,
					.left-settings-menu .menu-details .menu-listing-inner li.active a {
						background: #f5f5f5;
					}

					.left-settings-menu .menu-details .menu-listing-inner li a i {
						display: inline-block;
						margin-right: 10px;
						font-size: 13px;
						width: 16px;
						text-align: center;
					}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

.tab-content > .tab-pane {
	position: relative;
}

.right-detail-col .tab-content .star-rating {
	right: 0px;
	left: 0px;
	bottom: 0px;
	width: auto;
	position: absolute;
}

/* Edit Video Slider css */

#time-range .sliders_step1 .ui-slider.ui-slider-horizontal {
	height: 20px;
	border-radius: 0px;
	background: #eeeeee;
	margin-top: 15px;
	box-shadow: 0 0 0 #FFF, 0 0 0 #CFCFCF inset;
	margin-bottom: 15px;
	position: relative;
	border-color: #bebebe;
}

	#time-range .sliders_step1 .ui-slider.ui-slider-horizontal:before {
		content: '';
		position: absolute;
		left: 0px;
		bottom: -17px;
		height: 1px;
		background: #e5e5e5;
		width: 100%;
	}

#time-range .sliders_step1 .ui-slider .ui-slider-range {
	height: 20px;
	background: #aaaaaa;
	background-color: #aaaaaa;
	border-radius: 0px;
	background-image: none;
	border-color: #aaaaaa;
	box-shadow: 0 0 0 #FFF, 0 0 0 #CFCFCF inset;
}

#time-range .sliders_step1 .ui-slider.ui-slider-horizontal .ui-slider-handle {
	background: none;
	background-color: transparent;
	border-radius: 0px;
	background-image: none;
	border-color: transparent;
	box-shadow: 0 0 0 #FFF, 0 0 0 #CFCFCF inset;
	top: 18px;
}

	#time-range .sliders_step1 .ui-slider.ui-slider-horizontal .ui-slider-handle:after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		top: 0px;
		margin: 0;
		border-color: transparent transparent #777 transparent;
		border-style: solid;
		background: none;
		background-color: transparent;
		box-shadow: 0 0 0 #FFF, 0 0 0 #CFCFCF inset;
		border-width: 0 17px 17px 0;
		border-radius: 0px;
		cursor: ew-resize;
		left: -7px;
		transform: rotate(-90deg);
	}

	#time-range .sliders_step1 .ui-slider.ui-slider-horizontal .ui-slider-handle ~ .ui-slider-handle:after {
		left: 9px;
		transform: rotate(0deg);
	}

.btn-upload-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 999px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}

.btn-browse-file {
	position: relative;
	overflow: hidden;
}

.attachmentList ul {
	list-style-type: none;
	padding: 0;
	margin-bottom: 0px;
}

	.attachmentList ul li {
		border: 1px solid #dde6e9;
		background-color: #edf1f2;
		padding: 5px;
		text-decoration: none;
		display: block;
		position: relative;
		margin-bottom: 10px;
	}

		.attachmentList ul li:hover {
			background-color: #eee;
		}

.removeAttachment {
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 0%;
	padding: 5px 16px;
	transform: translate(0%, -50%);
}

	.removeAttachment:hover {
		background: #bbb;
	}


.left-video-col > .relative {
}

#overlayAnalyticMenu .display-inline button.btn {
	padding-top: 0;
	padding-bottom: 0;
	font-size: 16px;
	/*background:#ffffff;
    background-color:#ffffff;
    color:#303030;
    border-color:#e9e9e9;*/
}

/*#overlayAnalyticMenu .display-inline button.btn:hover {
    opacity: 1;
    background: #fefefe;
    background-color: #fefefe;
}*/

.margin_top-4 {
	margin-top: -4px;
}

#panelChart.panel-demo > .panel-body .panel-heading {
	border-radius: 0px;
	background: #f4f5f6;
}

#panelChart .panel-heading .collapsed .fa-minus:before,
#my-media #folder .collapsed .fa-minus:before,
#lecture .collapsed .fa-minus:before {
	content: "\f067";
}

#panelChart .panel-heading .collapsed .fa-minus-square-o:before,
#my-media #folder .collapsed .fa-minus-square-o:before,
#lecture .collapsed .fa-minus-square-o:before {
	content: "\f196";
}

.modal-header {
	z-index: 9;
	background: #ffffff;
	padding: 11px 15px;
}

.top-hamburger-menu {
	float: left;
	width: 50px;
	text-align: center;
	display: none;
}

	.top-hamburger-menu a {
		width: 36px;
		height: 30px;
		font-size: 18px;
		background: #ffffff;
		color: #ed8b00;
		line-height: 30px;
		border-radius: 3px;
		margin-top: 10px;
		display: inline-block;
		text-decoration: none;
	}

.vjs-menu-button-popup .vjs-menu {
	left: auto;
	right: -1em;
}

.vjs-menu .vjs-menu-content {
	font-family: "Source Sans Pro", sans-serif;
	text-transform: capitalize;
}

.vjs-menu li {
	text-transform: capitalize;
}

.vjs-text-track-settings fieldset {
	margin: 15px 5px;
}

	.vjs-text-track-settings fieldset select {
		font-size: 14px;
		line-height: 1.52857143;
		color: #3a3f51;
		background-color: #ffffff;
		background-image: none;
		border: 1px solid #cccccc;
		border-radius: 4px;
		height: 32px;
		padding: 6px 10px;
	}

	.vjs-text-track-settings fieldset legend {
		font-size: 14px;
	}

.video-js .vjs-control.vjs-close-button {
	right: 5px;
}

.vjs-text-track-display > div > div > div {
	padding: 2px 10px 3px;
	border-radius: 3px !important;
}

.leftvideoThumbDiv #button {
	height: 14px;
	line-height: 11px;
}

#videoThumbDivheader {
	padding-left: 3px;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
	padding-top: 50px;
}

.video-js .vjs-control.vjs-close-button {
	top: 2em;
}

.vjs-modal-dialog.vjs-text-track-settings {
	height: 76%;
}

.accordion-menu-bar {
	position: fixed;
	top: 98px;
	left: 220px;
	width: 32px;
	height: 30px;
	cursor: pointer;
	transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
	z-index: 99;
	background: #ed8b00;
	text-align: center;
	border-radius: 0px;
	display: none;
}

	.accordion-menu-bar .bar,
	.accordion-menu-bar .bar:after,
	.accordion-menu-bar .bar:before {
		width: 18px;
		height: 2px;
	}

	.accordion-menu-bar .bar {
		position: relative;
		transform: translateY(1px);
		background: #ffffff;
		display: inline-block;
	}

		.accordion-menu-bar .bar:before {
			content: "";
			position: absolute;
			right: 0;
			bottom: 6px;
			background: #ffffff;
			transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
		}

		.accordion-menu-bar .bar:after {
			content: "";
			position: absolute;
			right: 0;
			top: 6px;
			background: #ffffff;
			transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
		}

		.accordion-menu-bar .bar.animate:after {
			width: 10px;
			transform: rotate(-45deg) translateX(4px);
		}

		.accordion-menu-bar .bar.animate:before {
			width: 10px;
			transform: rotate(45deg) translateX(4px);
		}

.left-video-col .legend {
	position: absolute;
	right: 10%;
	top: 66px;
}

.bg-white {
	background: #ffffff;
}

.left-video-col .legend .legendLabel {
	color: #303030;
	padding-left: 5px;
	text-align: left;
}

.no-data-chart {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -10px;
	font-size: 14px;
	/*color: #ffffff;*/
}

.table-ankar-tooltip {
	position: relative;
}

	.table-ankar-tooltip.text-red:hover {
		color: red;
	}

	.table-ankar-tooltip.text-green:hover {
		color: green;
	}

	.table-ankar-tooltip .tooltip-div {
		position: absolute;
		font-size: 13px;
		color: #ffffff;
		bottom: 26px;
		right: 50%;
		width: 200px;
		background-color: #f1f1f1;
		border: 1px solid #cccccc;
		margin-right: -100px;
		border-radius: 3px;
		padding: 0;
		z-index: 9;
		display: none;
	}

	.table-ankar-tooltip:hover .tooltip-div {
		display: block;
	}

	.table-ankar-tooltip .tooltip-div:before {
		content: '';
		width: 0;
		height: 0;
		position: absolute;
		bottom: -10px;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 10px solid #cccccc;
		left: 50%;
		margin-left: -8px;
	}

	.table-ankar-tooltip .tooltip-div .tooltip-div-title {
		display: block;
		padding: 5px 10px;
		font-size: 14px;
		font-weight: bold;
		color: #303030;
		border-bottom: 1px solid #cccccc;
	}

	.table-ankar-tooltip .tooltip-div .tooltip-description {
		display: block;
		padding: 5px 10px;
		font-size: 14px;
		font-weight: normal;
		color: #303030;
		background: #ffffff;
	}

.light-danger-bg {
	background: #ffebeb;
}

.light-success-bg {
	background: #e4ffe4;
}

.modal.custom-modal.modal-inner-tab.quiz-modal .modal-dialog {
	width: 100% !important;
	border: 1px solid #eeeeee;
}

.student-multi-select .multiselect-native-select .multiselect-container.dropdown-menu {
	max-height: 155px;
}

.flot-x-axis .flot-tick-label,
.flot-y-axis .flot-tick-label {
	color: #303030;
	width: auto;
	max-width: initial !important;
	white-space: nowrap;
}

.top-10 {
	top: 10px !important;
}

.quiz-questions-block.post-quiz-questions-block .questions-block-list .c-checkbox input[type=radio]:checked + span:before,
.quiz-questions-block.post-quiz-questions-block .questions-block-list .c-radio input[type=radio]:checked + span:before {
	color: #ed8b00;
}

.main-player-row {
	float: left;
	width: 100%;
	position: relative;
}

.featured-videos-top-list li .fv-list-box img {
	width: 100%;
	height: auto;
}

}

.middle {
	top: 50%;
	position: absolute;
}

.tagger-main {
	margin-left: inherit;
	margin-right: inherit;
	list-style: none;
	float: left;
	width: 100%;
	padding: 0px;
	display: block;
	width: 100%;
	min-height: 35px;
	padding: 6px;
	font-size: 14px;
	line-height: 1.52857143;
	color: #3a3f51;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #dde6e9;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

	.tagger-main li {
		display: block;
		float: left;
		margin: 0;
	}

	.tagger-main .tagger-new input {
		border-bottom: #cccccc 1px solid;
		float: left;
		border: none;
		padding: 0 5px;
		color: #3a3f51;
		min-height: 20px;
	}

		.tagger-main .tagger-new input::-webkit-input-placeholder {
			color: #b7b7b7
		}

		.tagger-main .tagger-new input:focus {
			outline: none;
			border-bottom: #cccccc 1px solid;
		}

	.tagger-main .tagger-tag {
		display: inline-block;
		background-color: #ffffff;
		color: #303030;
		padding: 0 0px 0px 5px;
		border-radius: 3px;
		border: 1px solid #cccccc;
		font-size: 12px;
		margin: 3px;
	}

	.tagger-main .tagger-remove {
		height: 100%;
		display: inline-block;
		padding: 0 6px;
		cursor: pointer;
	}

	.tagger-main.disabledTagArray {
		pointer-events: none;
		background-color: #edf1f2;
		opacity: 1;
	}

.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}

@keyframes shake {
	from, to {
		transform: translate3d(0, 0, 0);
	}

	10%, 30%, 50%, 70%, 90% {
		transform: translate3d(-4px, 0, 0);
	}

	20%, 40%, 60%, 80% {
		transform: translate3d(4px, 0, 0);
	}
}

.shake {
	animation-name: shake;
	animation-duration: 0.75s;
}

#floatingCirclesG {
	position: absolute;
	width: 54px;
	height: 54px;
	margin: auto;
	transform: scale(0.6);
	-o-transform: scale(0.6);
	-ms-transform: scale(0.6);
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	left: 50%;
	margin-left: -27px;
	top: 50%;
	margin-top: -54px;
	z-index: 9999999999;
}

.f_circleG {
	position: absolute;
	background-color: rgb(255, 255, 255);
	height: 10px;
	width: 10px;
	border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	animation-name: f_fadeG;
	-o-animation-name: f_fadeG;
	-ms-animation-name: f_fadeG;
	-webkit-animation-name: f_fadeG;
	-moz-animation-name: f_fadeG;
	animation-duration: 0.732s;
	-o-animation-duration: 0.732s;
	-ms-animation-duration: 0.732s;
	-webkit-animation-duration: 0.732s;
	-moz-animation-duration: 0.732s;
	animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-direction: normal;
	-o-animation-direction: normal;
	-ms-animation-direction: normal;
	-webkit-animation-direction: normal;
	-moz-animation-direction: normal;
}

#frotateG_01 {
	left: 0;
	top: 22px;
	animation-delay: 0.2695s;
	-o-animation-delay: 0.2695s;
	-ms-animation-delay: 0.2695s;
	-webkit-animation-delay: 0.2695s;
	-moz-animation-delay: 0.2695s;
}

#frotateG_02 {
	left: 6px;
	top: 6px;
	animation-delay: 0.366s;
	-o-animation-delay: 0.366s;
	-ms-animation-delay: 0.366s;
	-webkit-animation-delay: 0.366s;
	-moz-animation-delay: 0.366s;
}

#frotateG_03 {
	left: 22px;
	top: 0;
	animation-delay: 0.4525s;
	-o-animation-delay: 0.4525s;
	-ms-animation-delay: 0.4525s;
	-webkit-animation-delay: 0.4525s;
	-moz-animation-delay: 0.4525s;
}

#frotateG_04 {
	right: 6px;
	top: 6px;
	animation-delay: 0.549s;
	-o-animation-delay: 0.549s;
	-ms-animation-delay: 0.549s;
	-webkit-animation-delay: 0.549s;
	-moz-animation-delay: 0.549s;
}

#frotateG_05 {
	right: 0;
	top: 22px;
	animation-delay: 0.6355s;
	-o-animation-delay: 0.6355s;
	-ms-animation-delay: 0.6355s;
	-webkit-animation-delay: 0.6355s;
	-moz-animation-delay: 0.6355s;
}

#frotateG_06 {
	right: 6px;
	bottom: 6px;
	animation-delay: 0.732s;
	-o-animation-delay: 0.732s;
	-ms-animation-delay: 0.732s;
	-webkit-animation-delay: 0.732s;
	-moz-animation-delay: 0.732s;
}

#frotateG_07 {
	left: 22px;
	bottom: 0;
	animation-delay: 0.8185s;
	-o-animation-delay: 0.8185s;
	-ms-animation-delay: 0.8185s;
	-webkit-animation-delay: 0.8185s;
	-moz-animation-delay: 0.8185s;
}

#frotateG_08 {
	left: 6px;
	bottom: 6px;
	animation-delay: 0.905s;
	-o-animation-delay: 0.905s;
	-ms-animation-delay: 0.905s;
	-webkit-animation-delay: 0.905s;
	-moz-animation-delay: 0.905s;
}

@keyframes f_fadeG {
	0% {
		background-color: rgb(30, 158, 255);
	}

	100% {
		background-color: rgb(255, 255, 255);
	}
}

@-o-keyframes f_fadeG {
	0% {
		background-color: rgb(30, 158, 255);
	}

	100% {
		background-color: rgb(255, 255, 255);
	}
}

@-ms-keyframes f_fadeG {
	0% {
		background-color: rgb(30, 158, 255);
	}

	100% {
		background-color: rgb(255, 255, 255);
	}
}

@-webkit-keyframes f_fadeG {
	0% {
		background-color: rgb(30, 158, 255);
	}

	100% {
		background-color: rgb(255, 255, 255);
	}
}

@-moz-keyframes f_fadeG {
	0% {
		background-color: rgb(30, 158, 255);
	}

	100% {
		background-color: rgb(255, 255, 255);
	}
}
/*#videoThumbDivheader {//commented for web video edit
	position: absolute;
	font-size: 12px;
	font-family: Helvetica;
	color: #FFF;
	background: rgba(1, 1, 1, 0.7);
	z-index: 2147483647;
	width: 160px;
	display: none;
	cursor: move;
}

#button {
	border: solid 1px;
	border-color: darkgray;
	height: 17px;
	width: 15px;
	float: right;
	cursor: pointer;
	margin-top: 2px;
	margin-right: 2px;
	text-align: center;
	font-size: 11px;
}

#videoThumbDivheader2 {
	position: absolute;
	font-size: 12px;
	font-family: Helvetica;
	color: #FFF;
	background: rgba(1, 1, 1, 0.7);
	z-index: 2147483647;
	width: 160px;
	display: none;
	cursor: move;
}

#button2 {
	border: solid 1px;
	border-color: darkgray;
	height: 17px;
	width: 15px;
	float: right;
	cursor: pointer;
	margin-top: 2px;
	margin-right: 2px;
	text-align: center;
	font-size: 11px;
}

#videoThumbDivheader3 {
	position: absolute;
	font-size: 12px;
	font-family: Helvetica;
	color: #FFF;
	background: rgba(1, 1, 1, 0.7);
	z-index: 2147483647;
	width: 160px;
	display: none;
	cursor: move;
}

#button3 {
	border: solid 1px;
	border-color: darkgray;
	height: 17px;
	width: 15px;
	float: right;
	cursor: pointer;
	margin-top: 2px;
	margin-right: 2px;
	text-align: center;
	font-size: 11px;
}*/
.videoThumbDivheader {
	position: absolute;
	font-size: 12px;
	font-family: Helvetica;
	color: #FFF;
	background: rgba(1, 1, 1, 0.7);
	z-index: 10000;
	width: 160px;
	display: block;
	cursor: move;
}

.button {
	border: solid 1px;
	border-color: darkgray;
	height: 17px;
	width: 15px;
	float: right;
	cursor: pointer;
	margin-top: 2px;
	margin-right: 2px;
	text-align: center;
	font-size: 11px;
}

.leftvideoThumbDiv {
	position: absolute;
	top: 73px;
	left: 20px;
	color: #FFF;
	text-align: left;
	font-size: 14px;
	padding: 10px 0;
	z-index: 9;
}

.leftvideoThumbDiv2 {
	position: absolute;
	top: 189px;
	left: 20px;
	color: #FFF;
	text-align: left;
	font-size: 14px;
	padding: 10px 0;
	z-index: 9;
}

.leftvideoThumbDiv3 {
	position: absolute;
	top: 305px;
	left: 20px;
	color: #FFF;
	text-align: left;
	font-size: 14px;
	padding: 10px 0;
	z-index: 9;
}

.modal-footer.fixed-modal-footer {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	background: #ffffff;
	padding: 13px 15px;
}

.margin_bottom60 {
	margin-bottom: 60px !important;
}

.close-right-position {
	position: absolute;
	right: 0;
	top: 0;
	padding: 18px 15px !important;
	opacity: 0.7;
	z-index: 29;
}

button.close.close-right-position:hover {
	opacity: 1;
}

.video-quiz_marker {
	background-color: orange !important;
}

.video-survey_marker {
	background-color: #4949d8 !important;
}

.left-video-col .vjs-break-overlay {
	z-index: 9;
}

.library-no-data-section {
	position: relative;
	left: 0;
	top: 0;
	text-align: center;
	margin-left: -0px;
	margin-top: -0px;
	padding: 18% 0;
	overflow: hidden;
	clear: both;
}

	.library-no-data-section .play-image {
		display: inline-block;
		width: 100px;
		margin-bottom: 15px;
	}

		.library-no-data-section .play-image img {
			display: inline-block;
			max-width: 100%;
			vertical-align: middle;
			opacity: 0.5;
		}

	.library-no-data-section h3 {
		display: block;
		width: 100%;
		vertical-align: middle;
		text-align: center;
		font-size: 20px;
		font-weight: normal;
		color: #5d5d5d;
		margin: 0px;
	}

.owl-carousel.videoCrousel .owl-item.active_topic .lecture-carousel-inner {
	border: 2px solid #ffffff;
	border-radius: 2px;
	box-shadow: 0px 0 9px 1px rgba(255, 255, 255, 0.6);
}

.right-position-buttons.right-position-center-bottom {
	top: 50%;
	width: 140px;
	margin-top: -80px;
	left: 50%;
	display: inline-block;
	margin-left: -70px;
	text-align: center;
}

	.right-position-buttons.right-position-center-bottom a {
		margin: 0 10px;
	}

.panel-top-fixed .panel-fixed-header {
	position: fixed;
	left: 240px;
	top: 50px;
	right: 0;
	z-index: 99;
	background: #ffffff;
	border-bottom: 1px solid #cccccc;
}

.panel-top-fixed .panel-body.no-padding {
	margin-top: 110px;
}

.content-wrapper.fixed-containt-wrapper#fixedcontaintwrapper ~ footer#pageFooter {
	display: none;
}

.no-data-in-tab {
	position: relative;
	left: 0;
	top: 0;
	text-align: center;
	margin-left: -0px;
	margin-top: -0px;
	padding: 18% 0;
	text-align: center;
}

	.no-data-in-tab .image-icon {
		display: inline-block;
		width: 46px;
		margin-bottom: 15px;
	}

		.no-data-in-tab .image-icon img {
			display: inline-block;
			max-width: 100%;
			vertical-align: middle;
			opacity: 0.5;
		}

	.no-data-in-tab h3 {
		display: block;
		width: 100%;
		vertical-align: middle;
		text-align: center;
		font-size: 20px;
		font-weight: normal;
		color: #5d5d5d;
		margin: 0px;
	}

#messageBox,
#messageBoxError {
	box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.3);
}

.pading-top25 {
	padding-top: 25px;
}

.pading-top20 {
	padding-top: 25px;
}

.question-box #divSurveyChart .legend {
	position: absolute;
	display: block;
	width: 100%;
	right: -20%;
	text-align: left;
}

	.question-box #divSurveyChart .legend .legendLabel {
		padding-left: 8px;
	}

.tagger-main li.tagger-new {
	width: 100%;
}

	.tagger-main li.tagger-new input,
	.tagger-main li.tagger-new input:focus {
		width: 100%;
		border-bottom: 0px;
	}

.my-media-list-grid .buttons-row .btn {
	position: relative;
}

	.my-media-list-grid .buttons-row .btn .btn-tooltip-custom {
		background: #000000;
		border-radius: 3px;
		padding: 2px 10px;
		position: absolute;
		top: -30px;
		margin-left: 2px;
		color: #ffffff;
		font-size: 12px;
		display: none;
		z-index: 2;
		min-width: 60px;
		margin-left: -30px;
		left: 50%;
	}

		.my-media-list-grid .buttons-row .btn .btn-tooltip-custom:before {
			content: '';
			width: 0;
			height: 0;
			border-left: 6px solid transparent;
			border-right: 6px solid transparent;
			border-top: 6px solid #000000;
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -6px;
		}

	.my-media-list-grid .buttons-row .btn:hover .btn-tooltip-custom {
		display: block;
	}

.float-none {
	float: none !important;
}

.width-auto {
	width: auto !important;
}

.text-black,
.text-black:hover {
	color: #303030 !important;
	text-decoration: none;
}

.chosen-container .chosen-results {
	max-height: 150px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #ed8b00;
	border-color: #d67e01;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #ed8b00;
}

.content-inner-header .navbar-right li .dropdown-backdrop {
	display: none !important;
}

.disabled-link {
	pointer-events: none !important;
	cursor: not-allowed !important;
	color: currentColor !important;
}

	.disabled-link .disabled-text {
		opacity: 0.5 !important;
		cursor: not-allowed !important;
	}

.form-control.dataTables_length_input {
	display: inline-block;
	width: 70px;
	margin: 0 5px;
}

.dataTables-search-input-field {
	max-width: 230px;
	display: inline-block;
	text-align: left;
}

	.dataTables-search-input-field label {
		margin-top: 6px;
		margin-right: 10px;
	}

.details-tab-inner .details-tab-info .buttons-row .c-checkbox input[type=checkbox]:checked + span:before {
	color: #888888 !important;
}

.switch input:checked + span {
	background-color: #27c24c !important;
	border-color: #27c24c !important;
}

.switch input:disabled + span {
	opacity: 0.5;
}

#overlayAnalyticMenu .panel.panel-default .panel-body {
	padding: 9px 15px 12px;
}

.overlayAnalytic .panel.panel-default {
	border-radius: 0 0 4px 4px;
}

.overlay-analytic-close {
	position: absolute;
	right: 0;
	padding: 3px 15px;
	top: 0;
	font-size: 26px;
	color: #303030;
	text-decoration: none;
}

	.overlay-analytic-close:hover,
	.overlay-analytic-close:focus {
		color: #303030;
		text-decoration: none;
	}

.c-checkbox span,
.c-radio span {
	margin-right: 0px;
}

.settings-menu-toggle {
	position: fixed;
	width: 219px;
	bottom: 43px;
	left: 0;
	z-index: 9999;
	border-top: 0px;
	border-bottom: 0px;
	visibility: visible;
	opacity: 1;
	-webkit-transition: ease-in-out all .5s;
	-o-transition: ease-in-out all .5s;
	transition: ease-in-out all .5s;
	padding: 10px 0;
	border-top: 1px solid #e9e9e9;
	background: #ffffff;
	border-bottom: 1px solid #e9e9e9;
}

	.settings-menu-toggle .arrow-icon {
		float: left;
		width: 100%;
		-webkit-transition: ease-in-out all 0.5s;
		-o-transition: ease-in-out all 0.5s;
		transition: ease-in-out all 0.5s;
	}

		.settings-menu-toggle .arrow-icon .fa {
			float: left;
			width: 24px;
			height: 24px;
			margin: 0 10px;
			line-height: normal;
			padding: 7px 9px;
			border-radius: 50%;
			font-size: 12px;
			color: #ffffff;
			background: #5d5d5d;
			-webkit-transition: ease-in-out all 0.5s;
			-o-transition: ease-in-out all 0.5s;
			transition: ease-in-out all 0.5s;
			transform: rotate(180deg);
		}

		.settings-menu-toggle .arrow-icon .hide-text {
			float: left;
			position: absolute;
			left: 44px;
			display: inline-block;
			font-size: 14px;
			color: #303030;
			font-weight: normal;
			margin-top: 2px;
			visibility: visible;
			opacity: 1;
			width: auto;
			height: auto;
			white-space: nowrap;
			-webkit-transition: ease-in-out all 0.5s;
			-o-transition: ease-in-out all 0.5s;
			transition: ease-in-out all 0.5s;
		}

.settings-menu-collapse .settings-menu-toggle .arrow-icon .fa {
	transform: rotate(0deg);
	-webkit-transition: ease-in-out all 0.5s;
	-o-transition: ease-in-out all 0.5s;
	transition: ease-in-out all 0.5s;
	-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}

.settings-menu-collapse .settings-menu-toggle {
	width: 50px;
	border-top: 0px solid #e9e9e9;
	background: transparent;
	border-bottom: 0px solid #e9e9e9;
}

	.settings-menu-collapse .settings-menu-toggle .hide-text {
		visibility: hidden;
		opacity: 0;
		width: 0px;
		height: 0px;
		-webkit-transition: ease-in-out all 0.5s;
		-o-transition: ease-in-out all 0.5s;
		transition: ease-in-out all 0.5s;
	}

.content-wrapper.margin-left-wrapper.settings-menu-collapse {
	margin-left: 0px !important;
	-webkit-transition: ease-in-out all 0.5s;
	-o-transition: ease-in-out all 0.5s;
	transition: ease-in-out all 0.5s;
}

	.content-wrapper.margin-left-wrapper.settings-menu-collapse .left-settings-menu {
		left: -220px;
		-webkit-transition: ease-in-out all 0.5s;
		-o-transition: ease-in-out all 0.5s;
		transition: ease-in-out all 0.5s;
	}

.content-wrapper.margin-left-wrapper {
	-webkit-transition: ease-in-out all 0.5s;
	-o-transition: ease-in-out all 0.5s;
	transition: ease-in-out all 0.5s;
}

	.content-wrapper.margin-left-wrapper .left-settings-menu {
		-webkit-transition: ease-in-out all 0.5s;
		-o-transition: ease-in-out all 0.5s;
		transition: ease-in-out all 0.5s;
	}

@media (max-width:1366px) {
	.owl-carousel.owl-carousel-list-view .item {
		width: 20%;
	}
}

@media (max-width:1280px) {
	.overlayAnalytic {
		top: 100px;
	}

	.featured-videos-bottom-list li {
		width: 20%;
	}
}

@media (max-width:1170px) {
	.owl-carousel.owl-carousel-list-view .item {
		width: 25%;
	}
}

@media (max-width:1024px) {
	.settings-inner-section .settings-list li {
		width: 33.3%;
	}
	/* .top-hamburger-menu {
        display: inline-block;
    }
    
    .content-inner-header .content-menu-list {
        position: absolute;
        left: 0;
        background: #5d5d5d;
        top: 51px;
        right: 0px;
        padding-right: 0px;
        visibility: hidden;
        opacity: 0;
        height: 0px;
    }
    
    .content-inner-header .content-menu-list.show-menu-list {
        visibility: visible;
        opacity: 1;
        -moz-transition: ease-in-out all 0.2s;
        -webkit-transition: ease-in-out all 0.2s;
        -o-transition: ease-in-out all 0.2s;
        transition: ease-in-out all 0.2s;
        height: auto;
    }
    
    .content-inner-header .content-menu-list li {
        width: 100%;
    }
    
    .content-inner-header .content-menu-list li a {
        width: 100%;
    }
    
    .content-inner-header .content-menu-list li .content-sub-menu {
        position: relative;
        display: block;
        width: 100%;
    }
    
    .content-inner-header .content-menu-list li .content-sub-menu li a {
        border-bottom: 0px solid #666666;
        padding-left: 38px;
    } */

	.featured-videos-bottom-list li {
		width: 25%;
	}

	.featured-videos-top-list li .fv-list-box:hover .fv-details {
		height: 46px;
	}

	.featured-videos-bottom-list li .fvb-box .fvb-video img {
		width: 100%;
	}

	.featured-videos-top-list li .fv-list-box .fv-details .fv-heading {
		white-space: nowrap;
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}
}

@media (max-width:991px) {
	.owl-carousel.owl-carousel-list-view .item {
		width: 33.3%;
	}
}

@media (max-width:840px) {
	.settings-inner-section .settings-list li {
		width: 50%;
	}

	.featured-videos-bottom-list li {
		width: 33.3%;
	}

	.featured-videos-top-list li {
		width: 33.3%;
	}

		.featured-videos-top-list li .fv-list-box {
			height: 190px;
		}

			.featured-videos-top-list li .fv-list-box img {
				width: auto;
				height: 100%;
			}

	.featured-top-banner .banner-details .sub-title {
		width: 90%;
		margin-right: 0;
	}
}

@media (max-width:680px) {

	.featured-videos-bottom-list li {
		width: 50%;
	}
}

/*Chart Styles*/

.chart-rotate-ticks .flot-x-axis .flot-tick-label.tickLabel {
	transform: rotate(-30deg);
	padding-top: 5px;
}

.flotTip {
	position: relative;
	padding: 5px;
	font-size: 12px !important;
	border-radius: 2px !important;
	border-color: transparent !important;
	background-color: rgba(0, 0, 0, 0.75) !important;
	color: #f1f1f1;
	z-index: 1040;
}

.legend table {
	max-width: 25%;
}

.content-wrapper .left-panel #my-media .all-folder li,
.content-wrapper .left-panel #Lectures .all-lecture li {
	background-color: #f5f5f5;
	border-left: 3px solid #5d5d5d;
}

.content-wrapper .left-panel #my-media #folder li:hover,
.content-wrapper .left-panel #Lectures #lecture li:hover {
	background: #f5f5f5;
}

.content-wrapper .left-panel #my-media #folder li a,
.content-wrapper .left-panel #Lectures #lecture li a {
	width: auto !important;
}

	.content-wrapper .left-panel #my-media #folder li a:hover,
	.content-wrapper .left-panel #Lectures #lecture li a:hover {
		cursor: pointer;
	}

.right-detail-col .tab-content .modal.in.custom-modal.modal-inner-tab .modal-dialog .modal-content .modal-body {
	height: auto;
	position: absolute;
	top: 60px;
	bottom: 0px;
	overflow-x: hidden;
	overflow-y: auto;
}

.right-detail-col .modal.custom-modal.modal-inner-tab.quiz-modal {
	position: absolute;
	overflow: hidden;
	left: 10px;
	top: 55px;
	bottom: 10px;
	right: 10px;
	height: auto;
	width: auto;
}

	.right-detail-col .modal.custom-modal.modal-inner-tab.quiz-modal .modal-dialog {
		top: 42px;
		height: auto;
	}

.right-detail-col .tab-content .tab-pane {
	position: absolute;
	top: 0;
	left: 0;
	right: 0px;
	bottom: 0;
	overflow-y: auto;
	overflow-x: hidden;
	height: unset !important;
}

	.right-detail-col .tab-content .tab-pane .list-group {
		height: auto !important;
	}

		.right-detail-col .tab-content .tab-pane .list-group .list-group-item {
			border-left: 0;
			border-right: 0;
			border-radius: 0 !important;
		}

	.right-detail-col .tab-content .tab-pane .l-q-row {
		padding: 10px 10px 0;
	}

	.right-detail-col .tab-content .tab-pane .lq-questions-block .questions-block-list li {
		padding: 10px 0 10px 10px;
	}


/* Video Library Latest 29-04-2019 */

.content-wrapper .left-panel .left-panel-menu-list .left-submenu-list li {
	position: relative;
}

	.content-wrapper .left-panel .left-panel-menu-list .left-submenu-list li .edit-menu-btns {
		position: absolute;
		right: 5px;
		top: 50%;
		margin-top: -11px;
		z-index: 9;
		-webkit-transition: ease-in-out all 0.5s;
		-o-transition: ease-in-out all 0.5s;
		transition: ease-in-out all 0.5s;
		opacity: 0;
		visibility: hidden;
	}

	.content-wrapper .left-panel .left-panel-menu-list .left-submenu-list li:hover .edit-menu-btns {
		-webkit-transition: ease-in-out all 0.5s;
		-o-transition: ease-in-out all 0.5s;
		transition: ease-in-out all 0.5s;
		opacity: 1;
		visibility: visible;
	}

	.content-wrapper .left-panel .left-panel-menu-list .left-submenu-list li .edit-menu-btns .btn.btn-xs {
		float: none;
		width: auto;
		padding: 0px 6px;
		margin-left: 2px;
		font-size: 12px;
		cursor: pointer;
	}

	.content-wrapper .left-panel .left-panel-menu-list .left-submenu-list li .folder-menu-input {
		position: relative;
		display: block;
		padding: 6px 10px 6px 32px;
	}

		.content-wrapper .left-panel .left-panel-menu-list .left-submenu-list li .folder-menu-input em {
			display: inline-block;
			margin-right: 5px;
			width: 14px;
			position: absolute;
			left: 17px;
			top: 10px;
			font-size: 12px;
			color: #303030;
		}

		.content-wrapper .left-panel .left-panel-menu-list .left-submenu-list li .folder-menu-input span {
			display: block;
			margin-left: 16px;
			overflow: hidden;
		}

			.content-wrapper .left-panel .left-panel-menu-list .left-submenu-list li .folder-menu-input span .input-menu {
				display: block;
				width: 100%;
				height: 20px;
				padding: 0px 4px;
				color: #3a3f51;
				background-color: #ffffff;
				background-image: none;
				border: 1px solid #dde6e9;
				border-radius: 3px;
				font-size: 13px;
				line-height: 14 !important;
			}

			.content-wrapper .left-panel .left-panel-menu-list .left-submenu-list li .folder-menu-input span .input-menu {
				display: block;
				width: 100%;
				height: 20px;
				padding: 0px 4px;
				color: #3a3f51;
				background-color: #ffffff;
				background-image: none;
				border: 1px solid #dde6e9;
				border-radius: 3px;
				font-size: 13px;
			}

		.content-wrapper .left-panel .left-panel-menu-list .left-submenu-list li .folder-menu-input .input-check-btn {
			float: right;
			width: auto;
			padding: 0px 6px;
			margin-left: 5px;
			font-size: 12px;
			cursor: pointer;
		}

.video-library-slider {
	display: block;
	width: 100%;
	position: relative;
	padding: 0 15px;
	float: left;
	padding-bottom: 4px;
	border-bottom: 1px solid #e9e9e9;
	background: #ffe7cb;
}

	.video-library-slider .inner-heading {
		display: block;
		font-size: 16px;
		font-weight: bold;
		color: #5d5d5d;
		margin: 0px 0 10px;
		padding-top: 10px;
		position: relative;
		padding-bottom: 0;
		float: left;
		width: 100%;
	}

	.video-library-slider .vls-details {
		float: left;
		width: 100%;
	}

		.video-library-slider .vls-details .video-library-owl .vls-item {
			float: left;
			background: #ffffff;
			width: 100%;
			overflow: hidden;
			border-radius: 5px;
			margin-bottom: 10px;
		}

			.video-library-slider .vls-details .video-library-owl .vls-item .video-link {
				float: left;
				width: 100%;
				position: relative;
				overflow: hidden;
				height: 102px;
				border-radius: 0px;
			}

				.video-library-slider .vls-details .video-library-owl .vls-item .video-link img {
					display: block;
					max-width: 100%;
				}

				.video-library-slider .vls-details .video-library-owl .vls-item .video-link .play-icon {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background: url(../Content/images/play.png) no-repeat 50% 50% rgba(0, 0, 0, 0.3);
					background-size: 50px;
					z-index: 3;
					visibility: hidden;
					opacity: 0;
					-webkit-transition: ease-in-out all 0.5s;
					-o-transition: ease-in-out all 0.5s;
					transition: ease-in-out all 0.5s;
				}

			.video-library-slider .vls-details .video-library-owl .vls-item:hover .video-link .play-icon {
				visibility: visible;
				opacity: 1;
				-webkit-transition: ease-in-out all 0.5s;
				-o-transition: ease-in-out all 0.5s;
				transition: ease-in-out all 0.5s;
			}

			.video-library-slider .vls-details .video-library-owl .vls-item .vls-name-link {
				font-size: 14px;
				font-weight: bold;
				color: #ed8b00;
				text-decoration: none;
				line-height: 26px;
				padding: 0px 8px;
				float: left;
				width: 100%;
				border-top: 1px solid #e9e9e9;
				height: 28px;
				-webkit-line-clamp: 1;
				-webkit-box-orient: vertical;
				text-overflow: ellipsis;
				white-space: normal;
				display: -webkit-box !important;
				overflow: hidden;
			}

			.video-library-slider .vls-details .video-library-owl .vls-item .progress {
				display: block;
				margin-bottom: 0px;
				border: 0px;
				background: #e9e9e9;
				height: 6px;
				position: absolute;
				left: 5px;
				right: 5px;
				bottom: 5px;
				z-index: 9;
				border-radius: 3px;
			}

				.video-library-slider .vls-details .video-library-owl .vls-item .progress .progress-bar {
					background-color: #ed8b00;
					background: #ed8b00;
				}

		.video-library-slider .vls-details .video-library-owl .owl-dots .owl-dot.active span, .video-library-slider .vls-details .video-library-owl .owl-dots .owl-dot:hover span {
			background: #ed8b00;
		}

		.video-library-slider .vls-details .video-library-owl .owl-nav {
			position: static;
			margin: 0;
		}

			.video-library-slider .vls-details .video-library-owl .owl-nav div {
				position: absolute;
				top: 50%;
				margin-top: -40px;
				width: 36px;
				height: 36px;
				border-radius: 50%;
				text-indent: -10000px;
				opacity: 1;
				border: 1px solid #cccccc;
			}

			.video-library-slider .vls-details .video-library-owl .owl-nav .disabled {
				opacity: 0.8;
			}

			.video-library-slider .vls-details .video-library-owl .owl-nav span {
				opacity: 0;
			}

			.video-library-slider .vls-details .video-library-owl .owl-nav .owl-prev {
				background: url(../Content/images/vs-left-arrow.png) no-repeat 50% 50% rgba(255, 255, 255, 0.8);
				background-size: 18px;
				left: 0px;
			}

			.video-library-slider .vls-details .video-library-owl .owl-nav .owl-next {
				background: url(../Content/images/vs-right-arrow.png) no-repeat 50% 50% rgba(255, 255, 255, 0.8);
				background-size: 18px;
				right: 0px;
			}


.my-media-list .my-media-list-ul li .progress {
	display: block;
	margin-bottom: 5px;
	border: 0px;
	background: #e9e9e9;
	height: 6px;
	position: absolute;
	left: 0;
	right: 15px;
	bottom: -10px;
	z-index: 9;
	border-radius: 0px;
}

	.my-media-list .my-media-list-ul li .progress .progress-bar {
		background-color: #ed8b00;
		background: #ed8b00;
	}

.my-media-list-grid .my-media-list-ul li .progress {
	display: block;
	border: 0px;
	background: #e9e9e9;
	height: 6px;
	position: absolute;
	left: 0;
	right: 0px;
	bottom: 0px;
	z-index: 9;
	border-radius: 0px;
}

	.my-media-list-grid .my-media-list-ul li .progress .progress-bar {
		background-color: #ed8b00;
		background: #ed8b00;
	}


.my-media-list-grid .my-media-list-ul li .pull-left.relative {
	width: 100%;
	position: relative;
}

.my-media-list.my-media-list-grid .my-media-list-ul li .progress {
	bottom: 0px;
	right: 0px;
}


.content-wrapper .left-panel .left-panel-menu-list .left-submenu-list li .folder-add-input {
	/*position: relative;
    float: right;
    width: 30%;*/
	position: relative;
	display: block;
	padding: 6px 10px 6px 32px;
}

.panel.panel-default .panel-body .flot-chart .legend table {
	position: relative !important;
	max-width: 100% !important;
}

	.panel.panel-default .panel-body .flot-chart .legend table tr td {
		vertical-align: top;
		padding: 6px 3px;
		display: block;
		padding: 6px 10px 6px 32px;
	}

.content-wrapper .left-panel .left-panel-menu-list .left-submenu-list li .folder-add-input em {
	display: inline-block;
	margin-right: 5px;
	width: 14px;
	position: absolute;
	left: 17px;
	top: 10px;
	font-size: 12px;
	color: #303030;
}

.content-wrapper .left-panel .left-panel-menu-list .left-submenu-list li .folder-add-input span {
	display: block;
	margin-left: 16px;
	overflow: hidden;
}

	.content-wrapper .left-panel .left-panel-menu-list .left-submenu-list li .folder-add-input span .input-menu {
		display: block;
		width: 100%;
		height: 20px;
		padding: 0px 4px;
		color: #3a3f51;
		background-color: #ffffff;
		background-image: none;
		border: 1px solid #dde6e9;
		border-radius: 3px;
		font-size: 13px;
		line-height: 14 !important;
	}

.content-wrapper .left-panel .left-panel-menu-list .left-submenu-list li .folder-add-input .input-check-btn {
	float: right;
	width: auto;
	padding: 0px 6px;
	margin-left: 5px;
	font-size: 12px;
	cursor: pointer;
}

.content-wrapper .left-panel .left-panel-menu-list .left-submenu-list li .folder-menu-input .input-close-btn {
	float: right;
	width: auto;
	padding: 0px 6px;
	margin-left: 5px;
	font-size: 12px;
	cursor: pointer;
}

.content-wrapper .left-panel .left-panel-menu-list .left-submenu-list li .input-close-btn, .content-wrapper .left-panel .left-panel-menu-list .left-submenu-list li input-check-btn {
	float: right;
	width: auto;
	padding: 0px 6px;
	margin-left: 5px;
	font-size: 12px;
	cursor: pointer;
}

.content-wrapper.dropdown .canvas-menu-toggle {
	display: none;
}

.label.label-default.label-custom:hover, .label.label-default.label-custom:focus {
	color: #303030;
	background: #d5dce4;
	background-color: #d5dce4;
}

.owl-carousel.owl-hidden {
	opacity: 1 !important;
}

.right-detail-col .panel-wrapper .nav.nav-tabs li a {
	padding: 10px;
}

.pull-right.open {
	position: relative;
}

.leftvideoThumbDiv .video-js, leftvideoThumbDiv2 .video-js, leftvideoThumbDiv3 .video-js, leftvideoThumbDiv4 .video-js, leftvideoThumbDiv5 .video-js {
	-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5);
}

.title_short-form {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 140px;
}

.calenderWidth .form-control {
	width: 124px;
}