*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a:focus {
	outline: none !important;
}

.display-inline {
	display: inline-block !important;
}

.display-flex {
	display: flex !important;
}

.clear {
	clear: both;
}

.block {
	display: block !important;
	overflow: hidden;
}

.dispaly-block {
	display: block !important;
}

.overflow-inh {
	overflow: inherit !important;
}

.rows {
	float: left;
	width: 100% !important;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

.text-dark {
	color: #666666 !important;
}

.text-dark-1 {
	color: #333333 !important;
}

.no-padding {
	padding: 0px !important;
}

.no-padding-l {
	padding-left: 0px !important;
}

.no-padding-r {
	padding-right: 0px !important;
}

.no-padding-t {
	padding-top: 0px !important;
}

.no-padding-b {
	padding-bottom: 0px !important;
}

.hide {
	display: none;
}

.no_margin {
	margin: 0px !important;
}

.no-margin {
	margin: 0px !important;
}

.no-margin-b {
	margin-bottom: 0px !important;
}

.margin_top0 {
	margin-top: 0px !important;
}

.margin_top13 {
	margin-top: 13px;
}

.margin_top1 {
	margin-top: 1px !important;
}

.margin_top2 {
	margin-top: 2px !important;
}

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

.margin_top3 {
	margin-top: 3px !important;
}

.margin_top4 {
	margin-top: 4px !important;
}

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

.margin_top6 {
	margin-top: 6px !important;
}

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

.margin_top8 {
	margin-top: 8px !important;
}

.margin_top9 {
	margin-top: 9px !important;
}

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

.margin_top12 {
	margin-top: 12px !important;
}

.margin_top15 {
	margin-top: 15px !important;
}

.margin_top20 {
	margin-top: 20px !important;
}

.margin_top25 {
	margin-top: 25px !important;
}

.margin_top30 {
	margin-top: 30px !important;
}

.margin_top38 {
	margin-top: 38px !important;
}

.margin_top40 {
	margin-top: 40px !important;
}

.margin_top50 {
	margin-top: 50px !important;
}

.margin_top60 {
	margin-top: 60px !important;
}

.margin_left-10 {
	margin-left: -10px !important;
}

.margin_left5 {
	margin-left: 5px !important;
}

.margin_left10 {
	margin-left: 10px !important;
}

.margin_left15 {
	margin-left: 15px !important;
}

.margin_left18 {
	margin-left: 18px !important;
}

.margin_left20 {
	margin-left: 20px !important;
}

.margin_left25 {
	margin-left: 25px !important;
}

.margin_left30 {
	margin-left: 30px !important;
}

.margin_left40 {
	margin-left: 40px !important;
}

.margin_left50 {
	margin-left: 50px !important;
}

.margin_right5 {
	margin-right: 5px !important;
}

.margin_right8 {
	margin-right: 8px !important;
}

.margin_right10 {
	margin-right: 10px !important;
}

.margin_right15 {
	margin-right: 15px !important;
}

.margin_right20 {
	margin-right: 20px !important;
}

.margin_right25 {
	margin-right: 25px !important;
}

.margin_right30 {
	margin-right: 30px !important;
}

.margin_right40 {
	margin-right: 40px !important;
}

.margin_right50 {
	margin-right: 50px !important;
}

.margin_bottom1 {
	margin-bottom: 1px !important;
}

.margin_bottom5 {
	margin-bottom: 5px !important;
}

.margin_bottom10 {
	margin-bottom: 10px !important;
}

.margin_bottom15 {
	margin-bottom: 15px !important;
}

.margin_bottom20 {
	margin-bottom: 20px !important;
}

.margin_bottom22 {
	margin-bottom: 22px !important;
}

.margin_bottom25 {
	margin-bottom: 25px !important;
}

.margin_bottom30 {
	margin-bottom: 30px !important;
}

.margin_bottom35 {
	margin-bottom: 35px !important;
}

.margin_bottom40 {
	margin-bottom: 40px !important;
}

.margin_bottom50 {
	margin-bottom: 50px !important;
}

.padding_top5 {
	padding-top: 5px !important;
}

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

.padding_top15 {
	padding-top: 15px !important;
}

.padding_top20 {
	padding-top: 20px !important;
}

.padding_top25 {
	padding-top: 25px !important;
}

.padding_top30 {
	padding-top: 30px !important;
}

.padding_top40 {
	padding-top: 40px !important;
}

.padding_top50 {
	padding-top: 50px !important;
}

.padding_top102 {
	padding-top: 102px !important;
}

.margin_top80 {
	margin-top: 80px !important;
}

.padding_left5 {
	padding-left: 5px !important;
}

.padding_left10 {
	padding-left: 10px !important;
}

.padding_left_13 {
	padding-left: 13px !important;
}

.padding_left15 {
	padding-left: 15px !important;
}

.padding_left20 {
	padding-left: 20px !important;
}

.padding_left_32 {
	padding-left: 32px !important;
}

.padding_left25 {
	padding-left: 25px !important;
}

.padding_left30 {
	padding-left: 30px !important;
}

.padding_left35 {
	padding-left: 35px !important;
}

.padding_left40 {
	padding-left: 40px !important;
}

.padding_left_44 {
	padding-left: 44px !important;
}

.padding_left50 {
	padding-left: 50px !important;
}

.padding_left_60 {
	padding-left: 60px !important;
}

.padding_right5 {
	padding-right: 5px !important;
}

.padding_right10 {
	padding-right: 10px !important;
}

.padding_right15 {
	padding-right: 15px !important;
}

.padding_right20 {
	padding-right: 20px !important;
}

.padding_right25 {
	padding-right: 25px !important;
}

.padding_right30 {
	padding-right: 30px !important;
}

.padding_right40 {
	padding-right: 40px !important;
}

.padding_right50 {
	padding-right: 50px !important;
}

.padding_bottom5 {
	padding-bottom: 5px !important;
}

.padding_bottom10 {
	padding-bottom: 10px !important;
}

.padding_bottom15 {
	padding-bottom: 15px !important;
}

.padding_bottom20 {
	padding-bottom: 20px !important;
}

.padding_bottom25 {
	padding-bottom: 25px !important;
}

.padding_bottom30 {
	padding-bottom: 30px !important;
}

.padding_bottom40 {
	padding-bottom: 40px !important;
}

.padding_bottom50 {
	padding-bottom: 50px !important;
}

.padding7 {
	padding: 7px;
}

.padding10 {
	padding: 10px !important;
}

.padding15 {
	padding: 15px !important;
}

.padding20 {
	padding: 20px !important;
}

.padding25 {
	padding: 25px !important;
}

.padding30 {
	padding: 30px !important;
}

.padding-l-r30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.padding-l-r15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.padding-t-b-15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.padding-t-b-20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.padding-l-r15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.margin-t-b-20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.margin-t-30-b-20 {
	margin-top: 30px !important;
	margin-bottom: 20px !important;
}

.no-padding-l-r {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.no-padding-t {
	padding-top: 0px !important
}

.no-padding-b {
	padding-bottom: 0px !important
}

.no-padding-l {
	padding-left: 0px !important
}

.no-padding-r {
	padding-right: 0px !important
}

.no-margin-t {
	margin-top: 0px !important;
}

.no-margin-b {
	margin-bottom: 0px !important;
}

.no-margin-l {
	margin-left: 0px !important;
}

.no-margin-r {
	margin-right: 0px !important;
}

.font-10 {
	font-size: 10px !important
}

.font-11 {
	font-size: 11px !important
}

.font-12 {
	font-size: 12px !important
}

.font-13 {
	font-size: 13px !important
}

.font-14 {
	font-size: 14px !important
}

.font-15 {
	font-size: 15px !important
}

.font-16 {
	font-size: 16px !important
}

.font-17 {
	font-size: 17px !important
}

.font-18 {
	font-size: 18px !important
}

.font-20 {
	font-size: 20px !important
}

.font-22 {
	font-size: 22px !important
}

.font-24 {
	font-size: 24px !important
}

.font-26 {
	font-size: 26px !important
}

.font-28 {
	font-size: 28px !important
}

.font-30 {
	font-size: 30px !important;
	line-height: 36px;
}

.font-34 {
	font-size: 34px !important;
}

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

.italic {
	font-style: italic !important;
}

.no-border-t {
	border-top: 0px !important;
}

.no-border-b {
	border-bottom: 0px !important;
}

.no-border-l {
	border-left: 0px !important;
}

.no-border-r {
	border-right: 0px !important;
}

.border-t {
	border-top: 1px solid #e8e8e8 !important;
}

.border-b {
	border-bottom: 1px solid #e8e8e8 !important;
}

.border-l {
	border-left: 1px solid #e8e8e8 !important;
}

.border-r {
	border-right: 1px solid #e8e8e8 !important;
}



/* start-table css */

.no-bordered-table tr td {
	border: 0px solid !important;
}

.table tr td,
.table tr th {
	vertical-align: top !important;
}

	.table tr td .btn {
		margin-right: 5px;
		margin-top: 3px;
		margin-bottom: 3px;
	}

.custom-panel {
	background: #ffffff;
	float: left;
	width: 100%;
	border: 1px solid #dddddd;
}

.panel.panel-default {
	border: 1px solid #dddddd;
}

	.panel.panel-default .panel-heading {
		border-bottom: 1px solid #dddddd;
	}

.custom-panel .panel.panel-default {
	border: 0px;
}

.custom-panel-footer {
	background: #ffffff;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border-top: 1px solid #dde6e9;
	display: block;
	margin-left: -15px;
	margin-right: -15px;
}

.action-100 {
	width: 100px !important;
}

.table-description {
	max-width: 300px;
	height: 25px;
	overflow: hidden;
	vertical-align: central;
	-webkit-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	transition: all ease 0.5s;
	outline-width: 0;
}

	.table-description.table-full-description {
		height: auto;
		-webkit-transition: all ease 0.5s;
		-o-transition: all ease 0.5s;
		transition: all ease 0.5s;
	}


/* table.table-bordered.dataTable tbody td {
    overflow: hidden;
    text-align: justify;
} */

.list-section {
	display: block;
	margin-right: 275px;
}

.list-right-section {
	float: right;
	width: 260px;
	background: #ffffff;
	border: 1px solid #dddddd;
	/* position: fixed;
    top: 122px;
    bottom: 0px;
    overflow: auto;
    right: 0px; */
}

.lrs-heading {
	font-size: 18px;
	color: #303030;
	font-weight: bold;
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 0;
	border-bottom: 1px solid #cfdbe2;
	padding: 8px 10px;
}

form.padding10 hr {
	margin: 10px -10px;
}

.list-box {
	float: left;
	width: 100%;
}

.list-box-heading {
	float: left;
	width: 100%;
	border-bottom: 1px solid #dde6e9;
	padding: 0 0 10px 0;
}

	.list-box-heading .list-box-heading-text {
		font-size: 18px;
		color: #303030;
		font-weight: bold;
		text-decoration: none;
	}

		.list-box-heading .list-box-heading-text:hover {
			color: #000000;
		}


/* .editable-text {
    font-size: 15px;
    color: #303030;
    font-weight: normal;
}

.editable-click,
a.editable-click,
a.editable-click:hover {
    border-bottom: 0px;
} */

.editable-container.popover.top > .arrow {
	left: 15% !important;
}

.custom-panel .panel {
	border-bottom: 0px !important;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}

	.custom-panel .panel.border-b {
		border-bottom: 1px solid #dddddd !important;
	}

	.custom-panel .panel .panel-body {
		border-bottom: 0px !important;
	}

	.custom-panel .panel .panel-heading {
		border-bottom: 1px solid #cfdbe2;
	}

.list-group-custom {
	margin: 0px;
	padding: 0px;
}

	.list-group-custom .list-group-box {
		position: relative;
		display: block;
		padding: 0;
		margin-bottom: 0;
		border-bottom: 0px solid #e4eaec;
	}

		.list-group-custom .list-group-box .list-group-box-detail {
			position: relative;
			display: block;
			margin: 0 0 15px 0;
		}

			.list-group-custom .list-group-box .list-group-box-detail .left-link {
				float: left;
				font-size: 16px;
				border: 1px solid #cccccc;
				margin-right: 10px;
				padding: 9px;
				cursor: pointer;
				width: 36px;
				text-align: center;
			}

			.list-group-custom .list-group-box .list-group-box-detail .right-link {
				float: right;
				font-size: 16px;
				border: 1px solid #cccccc;
				margin-left: 10px;
				padding: 9px;
				cursor: pointer;
				width: 36px;
				text-align: center;
			}

			.list-group-custom .list-group-box .list-group-box-detail .button-type {
				display: block;
				border: 1px solid #cccccc;
				background: #efefef;
				padding: 5px 10px;
				font-size: 16px;
				text-align: center;
				font-weight: bold;
				overflow: hidden;
				color: #333333;
				text-decoration: none;
				outline: none;
			}

.select2-container {
	width: 100% !important;
}

.select-row {
	position: relative;
	width: 100%;
	border: 1px solid #fbd477;
	background: #fff9e9;
	padding: 8px 0 15px;
}

	.select-row:after {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(136, 183, 213, 0);
		border-bottom-color: #fbd477;
		border-width: 10px;
		margin-left: -10px;
	}

.input-block {
	display: block;
	border: 1px solid #cccccc;
	background: #ffffff;
	padding: 10px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	overflow: hidden;
	color: #333333;
	text-decoration: none;
	outline: none;
}

	.input-block .input-label {
		float: left;
		margin-right: 15px;
		font-size: 14px;
		color: #303030;
		margin-top: 6px;
		margin-bottom: 0px;
		width: 140px;
		text-align: left;
	}

	.input-block .input-field {
		display: block;
		overflow: hidden;
	}

#orgChart {
	width: auto;
	height: auto;
}

#orgChartContainer {
	overflow: auto;
}

.relative {
	position: relative !important;
}

.editable-container.popover.top > .arrow {
	border-top-color: #5d9cec;
}

.form-control-1 {
	padding: 0 10px;
	color: #303030;
	white-space: nowrap;
	width: auto;
	overflow: hidden;
	display: inline-block;
	min-height: 30px;
	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;
}

.workflow-image {
	width: 40px;
	height: 40px;
	display: inline-block;
	outline: none;
}

.node-tree .org-del-button {
	display: none;
}

.node-tree:hover .org-del-button {
	display: block;
}

.node.node-tree {
	height: 32px !important;
}

	.node.node-tree a {
		font-size: 16px;
		cursor: pointer !important;
	}

		.node.node-tree a:hover,
		.node.node-tree a:focus {
			text-decoration: none;
		}

.panel-footer {
	background: #ffffff;
}

.orgchart-main {
	height: 100%;
	width: 100%;
	overflow: hidden;
}

#orgChart {
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.get-org-chart {
	background-color: #ffffff !important;
}



/*.get-oc-tb, .get-left, .get-right, .get-up, .get-down{
    display: none !important;   
}*/

.get-btn[data-btn-action="add"] {
	display: none !important;
}

.get-btn[data-btn-action="edit"] {
	display: none !important;
}

.get-btn path {
	stroke: rgb(220, 0, 0) !important;
	fill: rgb(220, 0, 0) !important;
}

.get-text {
	fill: #686868 !important;
}

.myCustomTheme-box {
	fill: #FFFFFF;
	stroke: #000;
	stroke-width: 3px;
	cursor: pointer !important;
}

.get-org-chart .get-text-0 {
	font-size: 38px;
	color: #333333 !important;
	cursor: pointer !important;
}

a[href="http://getorgchart.com"] {
	text-indent: -10000000px !important;
}




/* Google Chart */

.google-visualization-orgchart-table {
	border-collapse: inherit;
}

.g_node {
	text-align: center;
	vertical-align: middle;
	cursor: default;
	border: 1px solid #888888;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: rgba(0, 0, 0, 0) 3px 3px 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0) 3px 3px 3px;
	background-color: #edf7ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#edf7ff), to(#cde7ee));
}

.g_node_selected {
	text-align: center;
	vertical-align: middle;
	cursor: default;
	border: 1px solid #888888;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: rgba(0, 0, 0, 0) 3px 3px 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0) 3px 3px 3px;
	background-color: #edf7ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#edf7ff), to(#cde7ee));
}

.main-g-chart {
	float: left;
	width: 100%;
	overflow: auto;
}

.g_node {
	position: relative;
}

	.g_node a {
		text-decoration: none;
	}

		.g_node a:hover,
		.g_node a:focus {
			text-decoration: none;
		}

	.g_node:hover .delete-chart-btn {
		display: block;
	}

.delete-chart-btn {
	display: none;
	position: absolute;
	top: -8px;
	right: -8px;
	font-size: 12px;
	cursor: pointer;
	background: #f05050;
	width: 20px;
	height: 20px;
	border-radius: 25px;
	color: #ffffff;
	padding: 3px 0 0 0 !important;
}

	.delete-chart-btn:hover {
		color: #ffffff;
	}

.collapse-button {
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px !important;
	border: 1px solid #cccccc;
	border-radius: 25px;
	width: 20px;
	height: 20px;
	line-height: 16px;
	font-size: 13px;
	color: #666666;
	background: #ffffff;
	text-align: center;
}

	.collapse-button:hover,
	.collapse-button:focus {
		color: #666666;
	}

.chart_links:hover {
	background: rgb(255, 251, 230);
}

.bordered {
	border: 1px solid #dde6e9;
}

.border-radius-3 {
	border-radius: 3px;
}

.checkbox.c-checkbox.display-inline {
	width: 140px;
	float: left;
}

.validationMessage {
	color: #ec2121;
}

.last-updated {
	background: #23b7e5;
	color: #ffffff !important;
	cursor: pointer;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}

	.last-updated:hover {
		background: #23b7e5;
		color: #ffffff;
	}

.custom-tabs .tab-content {
	background: #ffffff;
	padding: 15px;
}

.check-video {
	float: right;
	display: inline-block;
}

	.check-video a {
		font-size: 14px;
		color: #cccccc;
		margin-left: 10px;
		text-decoration: none;
	}

		.check-video a.active,
		.check-video a:hover {
			color: #303030;
		}

.btn-xs.right .btn-label {
	left: auto;
	right: -5px;
}

.progress .progress-bar {
	position: relative;
}

	.progress .progress-bar .sr-only {
		height: auto;
		width: 30px;
		font-size: 12px;
		color: #ffffff;
		margin: -4px 0 0 0;
		clip: inherit;
		right: 0;
	}

.modal.custom-modal {
	display: block !important;
	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;
}

.modal.in.custom-modal {
	display: block !important;
	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;
}

	.modal.in.custom-modal .modal-dialog {
		right: 0px;
		-webkit-transition: ease-in-out all 0.5s;
		-o-transition: ease-in-out all 0.5s;
		transition: ease-in-out all 0.5s;
	}

.modal.custom-modal .modal-dialog .modal-content {
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
	border: 0px solid #999999;
	border: 0px solid rgba(0, 0, 0, 0);
	border-radius: 0px;
	background: none;
	background-color: transparent;
	height: 100%;
	overflow: hidden;
}

	.modal.custom-modal .modal-dialog .modal-content .modal-body {
		/*height: 100%;*/
		float: left;
		width: 100%;
		overflow: auto;
		padding-bottom: 0px;
	}

		.modal.custom-modal .modal-dialog .modal-content .modal-body .modal-footer {
			width: 100%;
			float: left;
		}

		.modal.custom-modal .modal-dialog .modal-content .modal-body .custom-tabs {
			width: 100%;
			float: left;
			height: 100%;
		}

.modal-backdrop.in {
	-webkit-transition: ease-in-out all 0.5s;
	-o-transition: ease-in-out all 0.5s;
	transition: ease-in-out all 0.5s;
}

.modal-backdrop {
	-webkit-transition: ease-in-out all 0.5s;
	-o-transition: ease-in-out all 0.5s;
	transition: ease-in-out all 0.5s;
}

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

	.close-left-button span {
		display: inline-block;
		color: #303030;
		text-align: center;
	}

.modal-header {
	position: relative;
}

.close-top-button {
	width: 58px;
	height: 58px;
	border-right: 0px;
	font-size: 38px;
	color: #ffffff;
	position: absolute;
	right: 0px;
	top: 0px;
	text-decoration: none;
	text-align: center;
	line-height: 56px;
	background: #ed8b00;
	text-align: center;
}

	.close-top-button span {
		display: inline-block;
	}

	.close-top-button:hover,
	.close-top-button:focus {
		color: #ffffff;
		text-decoration: none;
	}

.comment-box {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

	.comment-box .comment-left-img {
		float: left;
	}

		.comment-box .comment-left-img img {
			display: inline-block;
			width: 44px;
			height: 44px;
			border: 3px solid #cecbc8;
			border-radius: 50%;
		}

	.comment-box .comment-right-block {
		display: block;
		margin-left: 64px;
	}

		.comment-box .comment-right-block .comment-right-inner {
			float: left;
			width: 100%;
			background: #ffffff;
			border-radius: 0px 5px 5px 5px;
			position: relative;
			padding: 0;
		}

		.comment-box .comment-right-block .arrow-left {
			position: absolute;
			left: -15px;
			top: 0px;
			width: 0;
			height: 0;
			border-left: 15px solid transparent;
			border-right: 0px solid transparent;
			border-top: 15px solid #ffffff;
		}

		.comment-box .comment-right-block .comment-title {
			float: left;
			width: 100%;
			padding: 10px;
		}

			.comment-box .comment-right-block .comment-title.ct-slide {
				cursor: pointer;
			}

			.comment-box .comment-right-block .comment-title .comment-name {
				float: left;
				font-size: 16px;
				color: #303030;
				font-weight: bold;
			}

			.comment-box .comment-right-block .comment-title .cn-b {
				float: right;
				font-size: 14px;
				color: #999999;
				margin-top: 1px;
			}

			.comment-box .comment-right-block .comment-title .comment-date {
				float: right;
				font-size: 13px;
				color: #999999;
				font-weight: normal;
				margin-top: 2px;
			}

		.comment-box .comment-right-block .comment-bottom {
			float: left;
			width: 100%;
			padding: 8px 10px;
			border-top: 1px solid #e8e8e8;
		}

			.comment-box .comment-right-block .comment-bottom .comment-description {
				float: left;
				width: 100%;
				font-size: 14px;
				color: #888888;
				font-weight: normal;
			}

		.comment-box .comment-right-block .comment-area {
			float: left;
			width: 100%;
			border: 0px;
			border-radius: 0px;
			outline: none;
			font-size: 14px;
			color: #303030;
			resize: none;
			padding: 10px;
			background: none;
			border-top: 1px solid #e8e8e8;
		}

			.comment-box .comment-right-block .comment-area::-webkit-input-placeholder {
				color: #cccccc;
			}

		.comment-box .comment-right-block .submit-btn {
			display: inline-block;
			padding: 5px 15px;
			border-radius: 3px;
			font-size: 14px;
			color: #ffffff;
			outline: none;
			background: #2d2e33;
			border: 1px solid #2d2e33;
			-webkit-transition: ease-in-out all 0.5s;
			-o-transition: ease-in-out all 0.5s;
			transition: ease-in-out all 0.5s;
			text-decoration: none;
			margin-top: 10px;
		}

			.comment-box .comment-right-block .submit-btn:hover {
				color: #2d2e33;
				background: #ffffff;
				border: 1px solid #2d2e33;
				-webkit-transition: ease-in-out all 0.5s;
				-o-transition: ease-in-out all 0.5s;
				transition: ease-in-out all 0.5s;
			}

	.comment-box .view-all-comments {
		display: inline-block;
		margin-top: 10px;
		float: left;
		font-size: 16px;
		color: #303030;
		font-weight: normal;
		margin-left: 64px;
	}

	.comment-box .cd-text {
		display: inline-block;
		font-size: 14px;
		color: #888888;
		font-weight: normal;
		margin-left: 20px;
	}

.all-com-inner {
	float: left;
	width: 100%;
	padding: 15px;
	height: 100%;
	overflow: auto;
	padding-bottom: 70px;
}

.modal-all-comments {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 100%;
	left: 0px;
	background: #f3f3f3;
	overflow: hidden;
}

.notifi-div {
	display: block;
	font-size: 14px;
	padding: 10px 15px;
	border: 1px solid;
	border-left: 3px solid;
	color: #303030;
	border-radius: 0 2px 2px 0;
	background: #ffffff;
	margin: 10px 0px 0 64px;
}

	.notifi-div.success {
		border-color: #27c24c;
	}

	.notifi-div.info {
		border-color: #23b7e5;
	}

.video-search-field {
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
}

	.video-search-field .form-control {
		margin-left: 0.5em;
		display: inline-block;
		width: auto;
		vertical-align: middle;
		-webkit-appearance: none;
	}

body.modal-open,
body.modal-open .wrapper,
body.modal-open .wrapper > section {
	overflow: hidden !important;
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #555555;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.table-block {
	display: block;
	background: #ffffff;
	margin: -15px -15px 0;
	padding: 15px 15px 10px;
}


.left-tabs.custom-tabs .nav-tabs {
	float: left;
	width: 190px;
	background: #ffffff;
	margin-right: -1px;
}

	.left-tabs.custom-tabs .nav-tabs > li {
		float: left;
		width: 100%;
	}

		.left-tabs.custom-tabs .nav-tabs > li > a {
			font-weight: normal;
		}

.left-tabs.custom-tabs .tab-content {
	display: block;
	overflow: hidden;
	border: 1px solid #dde6e9;
}

.left-tabs.custom-tabs .nav-tabs > li.active > a,
.left-tabs.custom-tabs .nav-tabs > li.active > a:hover,
.left-tabs.custom-tabs .nav-tabs > li.active > a:focus {
	border-bottom-color: #dddddd;
}

.panel-heading > a[data-tool] {
	color: #303030;
	margin-top: -4px;
	margin-right: -10px;
}

.table-responsive .table tr td,
.table-responsive .table tr th {
	vertical-align: middle !important;
}

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

.col-md-4.fixed-video {
	position: fixed;
	top: 20px;
	right: 5px;
	margin-right: 0;
	width: 31.4%;
}




.css-table {
	float: left;
	width: 100%;
}

	.css-table .table {
		width: 100%;
	}

		.css-table .table thead {
			float: left;
			width: 150px;
		}

			.css-table .table thead tr {
				display: block;
				width: 100%;
			}

				.css-table .table thead tr th {
					display: block;
					width: 100%;
					font-size: 14px;
					color: #303030;
					font-weight: bold;
					padding: 10px;
					border: 0px;
				}

		.css-table .table tbody {
			display: block;
			white-space: nowrap;
			overflow: auto;
		}

			.css-table .table tbody tr {
				display: inline-block;
			}

				.css-table .table tbody tr td {
					display: block;
					width: 100%;
					font-size: 14px;
					color: #303030;
					font-weight: bold;
					padding: 10px;
					border: 0px;
				}


/*.content-wrapper .content-heading .btn{
    margin-top: -3px;
}*/

.bg-white {
	background: #ffffff !important;
}

.table.table-bordered {
	border-top: 1px solid #eeeeee;
}

.text-with-input {
	display: block;
}

	.text-with-input .text-span {
		float: left;
		font-size: 14px;
		color: #303030;
		margin-top: 6px;
	}

	.text-with-input .form-control {
		float: left;
		display: inline-block;
		width: 50px;
		padding: 5px;
		margin: 0 8px;
	}

.radio .form-control {
	display: inline-block;
	width: 90px;
	padding: 5px;
	margin: 0 5px;
	margin-top: -5px;
}

.show-entires .form-control {
	display: inline-block;
	width: 65px;
	padding: 5px;
	margin: 0 5px;
	margin-top: -4px;
}

.search-input-field {
	width: 195px;
}

	.search-input-field .form-control {
		display: inline-block;
		width: 150px;
		padding: 5px;
		margin: 0 0 0 5px;
	}

.table.table-bordered.dataTable tr .checkbox .needsclick {
	position: absolute;
}

.table.table-bordered.dataTable tr .c-checkbox span {
	width: 16px;
	height: 16px;
}

	.table.table-bordered.dataTable tr .c-checkbox span:before {
		font-size: 10px;
		line-height: 16px;
	}

.table.table-bordered.dataTable {
	border: 1px solid #eeeeee;
}

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

.btn.btn-grey {
	color: #ffffff;
	background-color: #777777;
	border-color: #777777;
}

	.btn.btn-grey:hover {
		color: #ffffff;
		background-color: #888888;
		border-color: #888888;
	}

.fa-plus-square.change:before {
	content: '\f146';
}

.padding_left8 {
	padding-left: 8px !important;
}

.table-height-fixed {
	float: left;
	width: 100%;
	height: 190px;
	overflow: auto;
}

.or-text {
	display: inline-block;
	float: left;
	font-size: 14px;
	color: #303030;
	margin-top: 32px;
	font-weight: bold;
}

.table-popup .table tr th,
.table-popup .table tr td {
	min-width: 110px;
}

.bootstrap-tagsinput .tag.label-info {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	color: #303030;
}


/* 03-Jan-2017 */

.right-position-dots {
	position: absolute;
	right: 0px;
	top: 0;
	width: 26px;
	height: 34px;
	display: inline-block;
	text-align: center;
	line-height: 34px;
}

	.right-position-dots a {
		color: #656565;
		font-size: 18px;
		text-decoration: none;
		display: block;
		line-height: 34px;
	}

.widget.panel,
.widget .panel {
	overflow: inherit;
	border: 1px solid #e4eaec;
}

.dropdown-menu.right {
	right: 0px;
	left: auto;
}

.custom-form-control {
	float: left;
	width: 120px;
	margin-left: 10px;
	height: 26px;
	padding: 0px 6px;
	margin-top: -3px;
}

.sidebar-toggle-custom {
	padding: 8px 22px;
	font-size: 18px;
}

.content-heading {
	position: relative;
}

	.content-heading .search-right {
		width: 200px;
		float: right;
		margin-top: -5px;
	}


/* .content-heading .search-right .form-control{
    border-radius: 0px;
    height: 67px;
    padding: 15px 10px 15px 30px;
    outline: none;
    border-top: 0px;
} */


/* .content-heading .search-right .form-control:focus{
    border-color: #cccccc;
} */


/* .content-heading .search-right .fa{
    position: absolute;
    left: 10px;
    top: 26px;
    font-size: 14px;
    color: #999999;
} */

.video-top-section {
	float: right;
	display: inline-block;
	margin-bottom: 15px;
}

	.video-top-section .text-show {
		float: left;
		margin: 5px 10px 5px 20px;
		font-size: 14px;
		color: #999999;
	}

.video-section {
	float: left;
	width: 100%;
	padding: 0;
}

	.video-section .owl-item .item {
		border-right: 0px solid #e6e6e6;
		padding: 10px 5px;
		text-align: center;
		display: inline-block;
		vertical-align: middle;
	}

	.video-section .owl-item:last-child .item {
		border-right: 0px solid #cccccc;
	}

	.video-section .video-inner {
		float: left;
		width: 100%;
		position: relative;
		padding: 0;
		min-height: 175px;
		text-align: center;
		background: #f3f3f7;
		border-radius: 5px;
		overflow: hidden
	}

		.video-section .video-inner .new-link {
			position: absolute;
			right: 3px;
			top: 3px;
			padding: 0px 5px;
			font-size: 12px;
			background: #ffbb62;
			color: #000000;
			z-index: 1;
		}

		.video-section .video-inner .video-image {
			float: left;
			width: 100%;
			height: 130px;
			overflow: hidden;
			margin-bottom: 10px;
			position: relative;
		}

			.video-section .video-inner .video-image img {
				display: inline-block;
				vertical-align: middle;
				min-height: 130px;
				width: 100%
			}

			.video-section .video-inner .video-image .progress-video {
				position: absolute;
				left: 0px;
				bottom: 0px;
				width: 100%;
				height: 4px;
				background: #ffffff;
			}

				.video-section .video-inner .video-image .progress-video .progress-bar-in {
					float: left;
					display: inline-block;
					height: 4px;
					background: #fb7d00;
				}

			.video-section .video-inner .video-image .duration-time {
				position: absolute;
				right: 0px;
				bottom: 4px;
				display: inline-block;
				padding: 0 5px;
				font-size: 12px;
				color: #000000;
				background: #ffbb62;
				border-radius: 0px;
			}

			.video-section .video-inner .video-image .unpublished-text {
				position: absolute;
				left: 0px;
				bottom: 4px;
				display: inline-block;
				padding: 0 5px;
				font-size: 12px;
				color: #000000;
				background: #ff6161;
				border-radius: 0px;
			}

			.video-section .video-inner .video-image .live-text {
				position: absolute;
				right: 0px;
				bottom: 110px;
				display: inline-block;
				padding: 0 5px;
				font-size: 14px;
				color: rgb(220, 0, 0);
				background: #ffbb62;
				border-radius: 0px;
			}

			.video-section .video-inner .video-image .play-icon {
				position: absolute;
				left: 0px;
				top: 0px;
				width: 100%;
				height: 100%;
				background: url(../../images/play.png) no-repeat 50% 50%;
				background-size: 40px;
				z-index: 3;
			}

		.video-section .video-inner .text-section {
			float: left;
			width: 100%;
			text-align: center;
			margin-bottom: 15px;
		}

			.video-section .video-inner .text-section .heading {
				float: left;
				width: 100%;
				text-align: center;
				font-size: 14px;
				color: #999999;
				margin-bottom: 0;
				min-height: 22px;
			}

			.video-section .video-inner .text-section .subheading {
				float: left;
				width: 100%;
				text-align: center;
				font-size: 14px;
				color: #303030;
				margin-bottom: 0;
				min-height: 21px;
			}

		.video-section .video-inner .button-section {
			float: left;
			width: 100%;
			text-align: center;
			min-height: 35px;
		}

			.video-section .video-inner .button-section a {
				margin: 0 2px;
			}

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

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

		.video-section .owl-nav .owl-next,
		.video-section .owl-buttons .owl-next {
			text-indent: -10000px;
			background: url(../../images/next-icon.png) no-repeat 50% 50%;
			width: 40px;
			height: 40px;
			margin: 0px;
			float: right;
			z-index: 9;
			background-size: 38px;
			margin-right: -16px;
		}

		.video-section .owl-nav .owl-prev:hover,
		.video-section .owl-buttons .owl-prev:hover {
			background: url(../../images/prev-icon.png) no-repeat 50% 50%;
			background-size: 38px;
		}

		.video-section .owl-nav .owl-next:hover,
		.video-section .owl-buttons .owl-next:hover {
			background: url(../../images/next-icon.png) no-repeat 50% 50%;
			background-size: 38px;
		}

	.video-section .owl-theme .owl-nav .disabled,
	.video-section .owl-theme .owl-buttons .disabled {
		opacity: 0;
	}

	.video-section .no-data {
		float: left;
		width: 100%;
		text-align: center;
		font-size: 18px;
		padding: 30px 0;
		color: #999999;
	}

.errorStyle {
	color: #b71515;
}


.ui-autocomplete-multiselect input {
	display: inline-block;
	border: none;
	outline: none;
	height: auto;
	margin: 2px;
	overflow: visible;
	margin-bottom: 5px;
	text-align: left;
	width: 100%;
}

.multiselect-native-select > .open > .dropdown-menu {
	display: block;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 300px;
	padding-bottom: 20px;
}


.main-loader-index {
	position: fixed;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	z-index: 99999;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(214, 227, 235, 1);
}

	.main-loader-index .whirl {
		top: 40%;
	}

.minHeight100 {
	min-height: 100px;
}

.color_Primary {
	color: #5ba9d0 !important;
}

.minHeight250 {
	min-height: 250px;
}

.text-overflow {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.chart-pie .legend table {
	top: -10px !important;
	font-size: 14px !important;
}

.chart-pie .legend > div {
	height: auto !important;
}

.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d
}

	.alert-success hr {
		border-top-color: #c9e2b3
	}

	.alert-success .alert-link {
		color: #2b542c
	}

.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #31708f
}

	.alert-info hr {
		border-top-color: #a6e1ec
	}

	.alert-info .alert-link {
		color: #245269
	}

.alert-warning {
	background-color: #fcf8e3;
	border-color: #faebcc;
	color: #8a6d3b
}

	.alert-warning hr {
		border-top-color: #f7e1b5
	}

	.alert-warning .alert-link {
		color: #66512c
	}

.alert-danger {
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #a94442
}

	.alert-danger hr {
		border-top-color: #e4b9c0
	}

	.alert-danger .alert-link {
		color: #843534
	}

.widget-left-icon {
	display: inline-block;
	width: 50px;
	height: 50px;
}

.btn[disabled],
button.btn[disabled] {
	background: #d2d2d2 !important;
	background-color: #d2d2d2 !important;
	border-color: #d2d2d2 !important;
}



.text-input__loading {
	border: 0px solid lightgrey;
	border-radius: 4px;
	width: 100%;
}

.text-input__loading--line {
	height: 10px;
	margin: 10px;
	-webkit-animation: pulse 1s infinite ease-in-out;
	animation: pulse 1s infinite ease-in-out;
}

.text-input__loading div:nth-child(1) {
	width: 250px;
}

.text-input__loading div:nth-child(5),
.text-input__loading div:nth-child(11) {
	width: 250px;
}

.text-input__loading div:nth-child(9) {
	width: 350px;
}

.text-input__loading div:nth-child(2) {
	width: 350px;
}

.text-input__loading div:nth-child(6) {
	width: 350px;
}

.text-input__loading div:nth-child(10),
.text-input__loading div:nth-child(13) {
	width: 350px;
}

.text-input__loading div:nth-child(3) {
	width: 150px;
}

.text-input__loading div:nth-child(7),
.text-input__loading div:nth-child(15) {
	width: 150px;
}

.text-input__loading div:nth-child(4),
.text-input__loading div:nth-child(12) {
	width: 200px;
}

.text-input__loading div:nth-child(8) {
	width: 200px;
}

.text-input__loading-circle {
	border: 0px solid lightgrey;
	border-radius: 0;
	width: 100%;
	text-align: center;
}

.text-input__loading--line-circle {
	border-radius: 100%;
	width: 200px;
	height: 200px;
	margin: 10px auto;
	-webkit-animation: pulse 1s infinite ease-in-out;
	animation: pulse 1s infinite ease-in-out;
}


@-webkit-keyframes pulse {
	0% {
		background-color: rgba(165, 165, 165, 0.1);
	}

	50% {
		background-color: rgba(165, 165, 165, 0.3);
	}

	100% {
		background-color: rgba(165, 165, 165, 0.1);
	}
}

@keyframes pulse {
	0% {
		background-color: rgba(165, 165, 165, 0.1);
	}

	50% {
		background-color: rgba(165, 165, 165, 0.3);
	}

	100% {
		background-color: rgba(165, 165, 165, 0.1);
	}
}



.table .text-input__loading div:nth-child(1) {
	width: 120px;
}

.table .text-input__loading div:nth-child(2) {
	width: 120px;
}

.table .text-input__loading div:nth-child(3) {
	width: 120px;
}

.table .text-input__loading div:nth-child(4) {
	width: 120px;
}

#AppTitle {
	margin-top: 18px !important;
}



/*Settings screen*/

.thumbnail .description {
	min-height: 65px;
}

.thumbnail .icon {
	min-height: 95px;
	padding: 10px;
}

.thumbnail .title {
	min-height: 70px;
}

@media(min-width: 1200px) {
	.thumbnail .title {
		min-height: 65px;
	}

	.thumbnail .description {
		min-height: 65px;
	}
}

@media(min-width: 992px) and (max-width:1183px) {
	.thumbnail .description {
		min-height: 85px;
	}

	.thumbnail .title {
		min-height: 80px;
	}

		.thumbnail .title h4 {
			margin-top: 0;
		}
}

.panel-body .thumbnail {
	background-color: #fff;
	border: 1px solid #ddd;
}

.settings-container a.thumbnail:hover,
.settings-container a.thumbnail:focus,
.settings-container a.thumbnail.active {
	border-color: #ed8b00;
	box-shadow: 10px 10px 10px -10px rgba(0, 0, 0, 0.5);
}

.settings-container a:hover,
.settings-container a:focus {
	text-decoration: none;
}


.title span {
	color: #ed8b00;
}

.analytics-panel-title {
	color: #888;
	font-weight: 700;
	padding: 10px;
}



/*Q&A*/

.lecture-question-block {
	float: right;
	width: 550px;
	padding: 10px;
	background: #ffffff;
	/* position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px; */
	min-height: 700px;
}


	/* .lecture-question-block .input-group{
    margin-right: 10px;
} */

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

.l-q-row {
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
}

	.l-q-row .ques-no {
		float: left;
		font-size: 14px;
		color: #303030;
		margin-top: 5px;
	}

.lecture-question-block .custom-tabs .tab-content {
	padding: 10px;
}

.lq-bookmark-block {
	display: block;
	overflow: hidden;
	position: relative;
}

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

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

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

			.lq-bookmark-block .bookmark-block-list li .left-time {
				float: left;
				width: 66px;
				font-size: 14px;
				color: #555555;
				font-weight: bold;
				padding-top: 8px;
			}

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

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


.lq-content-block {
	display: block;
	overflow: hidden;
	position: relative;
}

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

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

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

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

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

.lq-questions-block {
	display: block;
	position: relative;
	overflow: hidden;
}

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

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

			.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;
			}

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

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

				.lq-questions-block .questions-block-list li .mid-block .heading {
					display: block;
					overflow: hidden;
					position: relative;
					font-size: 16px;
					font-weight: bold;
					color: #303030;
					/*max-height: 52px;*/
				}

				.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;
				}

				.lq-questions-block .questions-block-list li .mid-block .answers {
					float: left;
					width: 100%;
					font-size: 13px;
					color: #ff8517;
					font-weight: normal;
				}

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





/*modual*/

.modal.custom-modal {
	display: block !important;
	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;
}

.modal.in.custom-modal {
	display: block !important;
	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;
}

.modal.custom-modal .modal-dialog {
	position: absolute;
	margin: 0;
	right: -40%;
	width: 40% !important;
	top: 0px;
	bottom: 0;
	height: 100%;
	background: #ffffff;
	-webkit-transition: ease-in-out all 0.5s;
	-o-transition: ease-in-out all 0.5s;
	transition: ease-in-out all 0.5s;
}

.modal.in.custom-modal .modal-dialog {
	right: 0px;
	-webkit-transition: ease-in-out all 0.5s;
	-o-transition: ease-in-out all 0.5s;
	transition: ease-in-out all 0.5s;
}


.modal-backdrop {
	-webkit-transition: ease-in-out all 0.5s;
	-o-transition: ease-in-out all 0.5s;
	transition: ease-in-out all 0.5s;
}

.modal-header {
	position: relative;
}

.modal-title {
	margin-top: 0px;
	line-height: 1;
}

.close-top-button {
	width: 58px;
	height: 58px;
	border-right: 0px;
	font-size: 38px;
	color: #ffffff;
	position: absolute;
	right: 0px;
	top: 0px;
	text-decoration: none;
	text-align: center;
	line-height: 56px;
	background: #ed8b00;
	text-align: center;
}

	.close-top-button span {
		display: inline-block;
	}

	.close-top-button:hover,
	.close-top-button:focus {
		color: #ffffff;
		text-decoration: none;
	}

.comment-box {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

	.comment-box .comment-left-img {
		float: left;
	}

		.comment-box .comment-left-img img {
			display: inline-block;
			width: 44px;
			height: 44px;
			border: 3px solid #cecbc8;
			border-radius: 50%;
		}

	.comment-box .comment-right-block {
		display: block;
		margin-left: 64px;
	}

		.comment-box .comment-right-block .comment-right-inner {
			float: left;
			width: 100%;
			background: #ffffff;
			border-radius: 0px 5px 5px 5px;
			position: relative;
			padding: 0;
		}

		.comment-box .comment-right-block .arrow-left {
			position: absolute;
			left: -15px;
			top: 0px;
			width: 0;
			height: 0;
			border-left: 15px solid transparent;
			border-right: 0px solid transparent;
			border-top: 15px solid #ffffff;
		}

		.comment-box .comment-right-block .comment-title {
			float: left;
			width: 100%;
			padding: 10px;
		}

			.comment-box .comment-right-block .comment-title.ct-slide {
				cursor: pointer;
			}

			.comment-box .comment-right-block .comment-title .comment-name {
				float: left;
				font-size: 16px;
				color: #303030;
				font-weight: bold;
			}

			.comment-box .comment-right-block .comment-title .cn-b {
				float: right;
				font-size: 14px;
				color: #999999;
				margin-top: 1px;
			}

			.comment-box .comment-right-block .comment-title .comment-date {
				float: right;
				font-size: 13px;
				color: #999999;
				font-weight: normal;
				margin-top: 2px;
			}

		.comment-box .comment-right-block .comment-bottom {
			float: left;
			width: 100%;
			padding: 8px 10px;
			border-top: 1px solid #e8e8e8;
		}

			.comment-box .comment-right-block .comment-bottom .comment-description {
				float: left;
				width: 100%;
				font-size: 14px;
				color: #888888;
				font-weight: normal;
			}

		.comment-box .comment-right-block .comment-area {
			float: left;
			width: 100%;
			border: 0px;
			border-radius: 0px;
			outline: none;
			font-size: 14px;
			color: #303030;
			resize: none;
			padding: 10px;
			background: none;
			border-top: 1px solid #e8e8e8;
		}

			.comment-box .comment-right-block .comment-area::-webkit-input-placeholder {
				color: #cccccc;
			}

		.comment-box .comment-right-block .submit-btn {
			display: inline-block;
			padding: 5px 15px;
			border-radius: 3px;
			font-size: 14px;
			color: #ffffff;
			outline: none;
			background: #2d2e33;
			border: 1px solid #2d2e33;
			-webkit-transition: ease-in-out all 0.5s;
			-o-transition: ease-in-out all 0.5s;
			transition: ease-in-out all 0.5s;
			text-decoration: none;
			margin-top: 10px;
		}

			.comment-box .comment-right-block .submit-btn:hover {
				color: #2d2e33;
				background: #ffffff;
				border: 1px solid #2d2e33;
				-webkit-transition: ease-in-out all 0.5s;
				-o-transition: ease-in-out all 0.5s;
				transition: ease-in-out all 0.5s;
			}

	.comment-box .view-all-comments {
		display: inline-block;
		margin-top: 10px;
		float: left;
		font-size: 16px;
		color: #303030;
		font-weight: normal;
		margin-left: 64px;
	}

	.comment-box .cd-text {
		display: inline-block;
		font-size: 14px;
		color: #888888;
		font-weight: normal;
		margin-left: 20px;
	}

.all-com-inner {
	float: left;
	width: 100%;
	padding: 15px;
	height: 100%;
	overflow: auto;
	padding-bottom: 70px;
}

.modal-all-comments {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 100%;
	left: 0px;
	background: #f3f3f3;
	overflow: hidden;
}

.notifi-div {
	display: block;
	font-size: 14px;
	padding: 10px 15px;
	border: 1px solid;
	border-left: 3px solid;
	color: #303030;
	border-radius: 0 2px 2px 0;
	background: #ffffff;
	margin: 10px 0px 0 64px;
}

	.notifi-div.success {
		border-color: #27c24c;
	}

	.notifi-div.info {
		border-color: #23b7e5;
	}

.video-search-field {
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
}

	.video-search-field .form-control {
		margin-left: 0.5em;
		display: inline-block;
		width: auto;
		vertical-align: middle;
		-webkit-appearance: none;
	}

body.modal-open,
body.modal-open .wrapper,
body.modal-open .wrapper > section {
	overflow: hidden !important;
}


/**/

.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: #ff8517;
				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;
	}



/*end Q&A*/


/*quiz  survey*/

.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: 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: 0px;
	}

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

.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 #888888;
}

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

.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: #888888;
	}

.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: 14px;
}
.radio-toolbar {
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
}


.radio-toolbar label {
	color: #3d4758;
	font-size: 18px;
	font-weight: normal;
	line-height: 14px;
	margin: 0 15px 0 15px;

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

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

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

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

.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;
}

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

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

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

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

			.quiz-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;
			}

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

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

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

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

				.quiz-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;
				}

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

.modal-body.modal-body-2.hide ~ .position-modal-footer.modal-footer {
	display: block;
}

.modal-body.modal-body-2 ~ .position-modal-footer.modal-footer {
	display: none;
}

.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;
}


/*end quiz survey*/


/*Full calendar*/

.fc-title {
	font-size: 14px !important;
}


/*video detail*/

.btn.btn-grey {
	color: #ffffff;
	background-color: #777777;
	border-color: #777777;
}

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

.details-tab-inner {
	display: block;
	position: relative;
}

	.details-tab-inner .details-tab-heading {
		float: left;
		width: 100%;
	}

		.details-tab-inner .details-tab-heading .details-tab-title {
			float: left;
			font-size: 18px;
			color: #303030;
			padding: 10px 15px 6px;
			font-weight: bold;
		}

	.details-tab-inner .details-tab-info {
		float: left;
		width: 100%;
		padding: 0 15px 45px;
	}

		.details-tab-inner .details-tab-info .video-folder-row {
			float: left;
			width: 100%;
			margin-bottom: 10px;
		}

			.details-tab-inner .details-tab-info .video-folder-row .video-folder {
				float: left;
				font-size: 14px;
				font-weight: normal;
				color: #555555;
				margin: 0;
				text-decoration: none;
				margin-right: 15px;
			}

			.details-tab-inner .details-tab-info .video-folder-row .stars-rates {
				float: left;
				font-size: 14px;
				font-weight: normal;
				color: #555555;
				margin: 0;
				text-decoration: none;
				margin-right: 5px;
			}

			.details-tab-inner .details-tab-info .video-folder-row .bull {
				float: left;
				font-size: 14px;
				font-weight: normal;
				color: #555555;
				margin: 0 10px 0 5px;
			}

			.details-tab-inner .details-tab-info .video-folder-row .video-folder i {
				margin-right: 5px;
			}

		.details-tab-inner .details-tab-info .tags-row {
			float: left;
			width: 100%;
			margin-bottom: 12px;
		}

		.details-tab-inner .details-tab-info .description {
			float: left;
			width: 100%;
			font-size: 14px;
			color: #555555;
			margin-bottom: 10px;
		}

		.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;
		}

			.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;
		}

.star-rating {
	float: left;
	/* position: fixed; */
	right: 11px;
	bottom: 11px;
	width: 100%;
	background: #f5f7f7;
	padding: 12px 10px 11px;
	border-top: 1px solid #dddddd;
}

	.star-rating .star-label {
		float: left;
		display: inline-block;
		font-size: 14px;
		color: #303030;
		font-weight: normal;
		margin-right: 10px;
		margin-top: 0px;
		line-height: 14px;
	}

	.star-rating span {
		font-size: 14px;
		cursor: pointer;
		margin-right: 5px;
		float: left;
	}

	.star-rating .fa-star {
		color: #ed8b00;
	}

	.star-rating .fa-star-o {
		color: #555555;
	}

		.star-rating .fa-star-o:hover {
			color: #ed8b00;
		}

			.star-rating .fa-star-o:hover:before {
				content: "\f005";
			}

.legend-box {
	height: 15px;
	width: 40px;
}



.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(../img/film-reel.jpg) repeat-x 0 0;
						background-size: 100% 100%;
						margin: 0 -2px;
					}

.add-clip-link-li {
	display: inline-block;
	height: 120px;
	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;
}

	.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);
	}

		.add-clip-link-li .add-clip:hover {
			background: #f5f7f7;
		}

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

		.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;
}

.text-red {
	color: red;
}

.text-green {
	color: green;
}
.overflow-scroll-y {
	overflow-y: auto;
	overflow-x: hidden;
}