@font-face {
	font-family: 'Segoe UI Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Segoe UI Regular'), url('../fonts/Segoe UI.woff') format('woff');
}

html {
	height: 100%;
}

body {
	background-color: #FFFFFF;
	font-family: "Segoe UI Regular" !important;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
          padding: 0px 0px 0px 0px !important;
	/*
	background-image: url("../images/login-page.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment:fixed;
	*/
}

h1, h2, h3, h4, h5, h6, legend, .control-label {
	font-family: "Segoe UI Regular" !important;
}

/*hides the Kendo default loader */
.k-grid-content > .k-loading-mask {
	visibility: hidden;
}

.overflow-auto {
	overflow: auto;
}

a:hover,
.knowledge ul li a:hover {
	text-decoration: none;
	cursor: pointer;
}

a.btn:hover {
	text-decoration: none;
	cursor: pointer;
}

.a-style:hover {
	text-decoration: none;
	cursor: pointer;
}

/*
h1, h2, h3, h4, h5, h6  {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
*/

h2 {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	margin: 10px;
	padding-right: 10px;
	margin-right: 10px;
}

table,
table td {
	font-size: 14px;
}

.logo-holder {
	margin-bottom: 35px;
}

.main-container {
	/*margin-top: 55px;*/
}

.profile-courses-holder .k-alt,
.profile-courses-holder .k-separator,
.view-grid-courses .k-alt,
.view-grid-courses .k-separator {
	background-color: transparent !important;
}

/*.courses-list-grid .k-alt,
.courses-list-grid .k-separator {
    background-color: #eaf4f9;
}*/

.center {
	margin-left: auto;
	margin-right: auto;
}

.login-link {
	color: #ED9C28;
	text-decoration: none;
}

.login-link:hover {
	font-weight: bolder;
	color: #FFB14B;
	text-decoration: underline;
}

.content {
	/*margin-left: 15px;*/
	/* margin-right: 15px; */
}

ul.login {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.login li {
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 14px;
	color: white;
}

.inline {
	display: inline;
}

.block {
	display: block;
}

.w100pct {
	width: 100%;
}

.w99pct {
	width: 99%;
}

.w25px {
	width: 25px;
}

.w50px {
	width: 50px;
}

.w75px {
	width: 75px;
}

.w100px {
	width: 100px;
}

.w150px {
	width: 150px;
}

.w175px {
	width: 175px;
}

.w200px {
	width: 200px;
}

.w250px {
	width: 250px;
}

.w380px {
	width: 380px;
}

.h100px {
	height: 100px;
}

.h150px {
	height: 150px;
}

.h170px {
	height: 170px;
}

.margin_bottom_10px {
	margin-bottom: 10px;
}

.margin_right_15px {
	margin-right: 15px;
}

.margin_top_10px {
	margin-top: 10px;
}

.margin_bottom_3px {
	margin-bottom: 3px;
}

.margin_left_right_5px {
	margin-left: 5px;
	margin-right: 5px;
}

.padding_left_right_5px {
	padding-left: 5px;
	padding-right: 5px;
}

.padding_bottom_5px {
	padding-bottom: 5px;
}

.padding_top_5px {
	padding-top: 5px;
}

.padding_5px {
	padding: 5px;
}

.no_space {
	margin: 0px;
	padding: 0px;
}

.km-user-e:after,
.km-user-e:before {
	content: "\e010";
}

/*
Custom styles
*/

.main-logo-holder {
	text-align: center;
}

.main-logo {
	max-height: 80px;
}

.private .main-logo {
	max-height:55px;
}

.navbar-brand img {
	/*margin-top: -9px;*/
}

.navbar-brand {
	padding: 0 0;
	padding-left: 10px;
	height:auto!important;
}


.breadcrumps-holder {
	margin-top: 50px;
}

.input-group {
	margin-bottom: 15px;
}

.trash_active {
	color: #272822;
	font-weight: bolder;
	border: 1px ridge #272822;
}

.trash {
	min-height: 70px;
	margin-bottom: 10px;
}

#static-questions{
	display: flex;
}

#sortable, #static-questions ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#sortable a, #static-questions ul a {
	border: 1px solid #E6E6E6;
	margin: 0px;
	padding-left: 10px;
	margin-right: 5px;
}

#sortable a:hover, #static-questions ul a:hover {
	border: 1px solid silver;
	margin: 0px;
	padding-left: 10px;
	margin-right: 5px;
	cursor: pointer;
}

#sortable li, #static-questions ul li {
	margin: 0 3px 3px 3px;
	padding: 0.4em;
	padding-left: 0.5em;
	font-size: 1.4em;
}

/* padding-left: 1.5em; */
#sortable li span, #static-questions ul li span {
	position: absolute;
	margin-right: -1.3em;
	display: inline;
}

.question_div {
	color: black !important;
	padding: 5px;
	font-size: 12px;
}

.question_div.btn-success {
	background-color: hsla(120, 100%, 75%, 0.3) !important;
}

.question_div.btn-danger {
	background-color: hsla(0, 60%, 70%, 0.3) !important;
}

.red {
	color: red;
}

.green {
	color: green;
}

.debug {
	color: white !important;
	border: 2px dashed lightgreen;
	background-color: silver; /* color:lightblue; */
}

.display_block {
	display: block;
}

.additional-info textarea {
	margin: 10px;
}

.answer_success {
	color: white;
	background-color: green;
	padding: 5px;
}

.answer_error {
	color: white;
	background-color: maroon;
	padding: 5px;
}

.poll_answer_terrible {
	color: white;
	background-color: rgba(230, 9, 9, 0.45);
}

.poll_answer_bad {
	color: white;
	background-color: rgba(242, 140, 140, 0.45);
}

.poll_answer_neutral {
	color: black;
	background-color: rgba(227, 236, 227, 0.45);
}

.poll_answer_good {
	color: white;
	background-color: rgba(182, 210, 182, 0.45);
}

.poll_answer_best {
	color: white;
	background-color: rgba(70, 204, 73, 0.45);
}

.armchair {
	float: left;
	margin: 30px 30px 120px 30px;
	text-align: center;
}

.armchair img {
	display: block;
	margin-bottom: 10px;
}

.notes_list li {
	border: 1px solid #000;
	display: block !important;
	padding: 5px;
	margin: 3px 0 0 0;
}

.word_description_holder {
	display: none;
	margin-top: 10px;
	border: 1px solid #000;
	display: block !important;
	padding: 10px;
}

.widget-content {
	overflow: auto;
}

.sub-menu-holder {
	padding-right: 50px;
	top: 0;
	text-align: right;
	background-color: #428bca;
}

.sub-menu-holder a {
	color: #FFF;
}

.sub-menu-holder a:hover {
	text-decoration: none;
	color: #FFF;
}

.sub-menu-holder li {
	cursor: pointer;
}

.inside > .sub-menu-holder {
	position: relative;
	left: 0;
	top: 0;
}

.accordion-toggle > i.fa-chevron-left {
	margin-top: 4px;
}

.name {
/* color: #FFF !important;*/
}

.del-style-switcher-bookmarks {
	top: 140px !important;
	z-index: 1002 !important;
}

.del-style-switcher-notes {
	top: 185px !important;
	z-index: 1000 !important;
}

.del-style-switcher-glosary {
	top: 230px !important;
	z-index: 1001 !important;
}

.del-style-switcher-instructor {
	z-index: 1003 !important;
}

.del-style-switcher-instructor img {
	width: 150px;
}

.del-switcher-bookmarks-toggle {
	/*background: url("../icons/bookmark_icon.png") no-repeat scroll center center / cover !important;*/
}

.del-switcher-notes-toggle {
	/*background: url("../icons/notes_icon.png") no-repeat scroll center center / cover !important;*/
}

.del-switcher-glosary-toggle {
	/*background: url("../icons/glosary_icon.png") no-repeat scroll center center / cover !important;*/
}

.del-switcher-instructor-toggle {
	/*background: url("../icons/instructor_icon.png") no-repeat scroll center center / cover !important;*/
}

.profile-info-name {
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 2px;
}

.k-item {
	overflow: auto;
	margin-bottom: 5px;
}

.ddl-image-holder {
	overflow: auto;
	width: 40%;
	float: left;
}

.ddl-image-holder img {
	width: 100%;
}

.ddl-info-holder {
	overflow: auto;
	width: 55%;
	margin-left: 5%;
	float: left;
}

.k-thumb .k-image {
	width: 100% !important;
}

.main-menu-holder {
	/*height: 50px;*/
}

.main-menu-holder .btn-group {
	height: 80px;
}

.main-menu-holder .btn-group .btn-link {
	line-height: 62px;
}

.menu-active, .main-menu-holder .btn-group:hover {
	background-color: #428bca;
}

.menu-active .btn-link, .main-menu-holder .btn-group:hover .btn-link {
	color: #FFF;
}

.sub-menu-active, .sub-menu-holder li:hover {
	background-color: #FFF;
}

.sub-menu-active a, .sub-menu-active:hover a, .sub-menu-holder li:hover a {
	color: #428bca;
}

.info-edit-holder:hover {
	background: transparent !important;

}

.info-edit-holder a,
.info-edit-holder:hover a {
	color: #fff !important;
}

.info-edit-text-holder {
	font-weight: bold;
	margin-right: 10px;
	text-transform: uppercase;
}

.container {
	padding-left: 0px;
}

.content-wrapper {
	padding: 0px;
	padding-left: 15px;
	margin-top: 1px;
	padding-bottom: 35px;
}

.breadcrumb {
	margin-top: 35px;
}

.k-grid tr td, .k-grid-header .k-header {
	border-width: 0px;
}

/*resets the Kendo grid row coloring on hover*/
.k-grid tr.k-alt:hover {
	background-color: #e6f2f8;
	background-image: none;
}

.k-grid tr:hover {
	background-color: white;
	background-image: none;
}

.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover {
	background-color: #2ea8e5;
	background-image: none;
	color:#428bca;
}

/* END resets the Kendo grid row coloring on hover*/

.bubble-right {
	position: relative;
	min-height: 45px;
	padding: 15px 5px 15px 5px;
	background: #CAE9FF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* border: #7F7F7F solid 1px; */
}

.bubble-right:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent #CAE9FF;
	display: block;
	width: 0;
	z-index: 1;
	right: -8px;
	top: 5px;
}

.bubble-right:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent #CAE9FF;
	display: block;
	width: 0;
	z-index: 0;
	right: -9px;
	top: 5px;
}

.bubble-left {
	position: relative;
	min-height: 45px;
	padding: 5px 15px 5px 15px;
	margin-bottom: 10px;
	background: #67B8F2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*  border: #7F7F7F solid 1px; */

}

.bubble-left:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #67B8F2;
	display: block;
	width: 0;
	z-index: 1;
	left: -8px;
	top: 5px;
}

.bubble-left:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #67B8F2;
	display: block;
	width: 0;
	z-index: 0;
	left: -9px;
	top: 5px;
}

.bubbles-holder {
	margin-bottom: 15px;
}

.bubble-left-time-holder {
	text-align: right;
}

.bubble-right-time-holder {
	text-align: left;
}

.bubbles-holder img {
	width: 100%
}

.page-content {
	width: 80%;
	margin: 0 auto;
}

img.user_avatar {
	width: 175px;
	/*    height:175px;*/
}

.lessons-list li {
	min-height: 55px;
}

.rtc-chat-header {
	background-color: #428bca;
	color: #FFF;
	overflow: hidden;
}

.rtc-chat-header-warning {
	background-color: #e7a13d !important;
}

.k-header, .k-grid-header, .k-toolbar,
.k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap,
.k-grouping-header, .k-pager-wrap, .k-textbox,
.k-button, .k-progressbar, .k-draghandle, .k-autocomplete,
.k-state-highlight,
.k-tabstrip-items .k-item,
.km-pane-wrapper > .km-pane > .km-view > .km-content {
	background-image: none !important;
	background-color: #428bca !important;
	border: none !important;
	color: #FFF;
}

th .k-link {
	color: #FFF !important;
}

.k-group, .k-toolbar, .k-grouping-header,
.k-pager-wrap, .k-group-footer td, .k-grid-footer,
.k-footer-template td, .k-widget .k-status,
.k-calendar th, .k-dropzone-hovered, .k-widget.k-popup {
	background-color: #FFF;
}

.k-block, .k-widget, .k-input, .k-textbox,
.k-group, .k-content, .k-header, .k-editable-area,
.k-separator, .k-colorpicker .k-i-arrow-s,
.k-textbox > input, .k-autocomplete, .k-dropdown-wrap,
.k-toolbar, .k-group-footer td, .k-grid-footer, .k-footer-template td,
.k-state-default, .k-state-default .k-select, .k-state-disabled, .k-grid-header,
.k-grid-header-wrap, .k-grid-header-locked, .k-grid-footer-locked, .k-grid-content-locked,
.k-grid td, .k-grid td.k-state-selected, .k-grid-footer-wrap, .k-pager-wrap,
.k-pager-wrap .k-link, .k-pager-refresh, .k-grouping-header, .k-grouping-header .k-group-indicator,
.k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-panel, .k-panelbar .k-content,
.k-calendar th, .k-slider-track, .k-splitbar, .k-dropzone-active, .k-tiles, .k-toolbar,
.k-tooltip, .k-button-group .k-tool, .k-upload-files {
	border-color: #428bca;
}

.k-state-disabled {
	color: #7b7b7b !important;
	opacity: 1;
}

.k-state-disabled:hover {
	background-image: none !important;
	background-color: #428bca;
	border-color: #428bca;
	color: #fff !important;
	cursor: pointer;
}

.k-dropdown-wrap .k-input {
	color: #FFF;
}

input[type=text], input[type=search] {
	color: #000 !important;
}

.k-grid-header {
	/* border-top: 1px solid white !important; */
}

.k-icon, .k-tool-icon, .k-grouping-dropclue,
.k-drop-hint, .k-column-menu .k-sprite,
.k-grid-mobile .k-resize-handle-inner:before,
.k-grid-mobile .k-resize-handle-inner:after {
	/*background-image: url('Default/sprite.png') !important;*/
	border-color: transparent;
}

.top-buttons {
	margin-bottom: 10px;
}

.bottom-buttons {
	margin-top: 10px;
}

.label-custom-red {
	background-color: #ff9997;
}

.label-custom-blue {
	background-color: #8cc4f5;
}

.label-custom-orange {
	background-color: #feaa7e;
}

.label-custom-orange1 {
	background-color: #ffcb7d;
}

.label-custom-green {
	background-color: #93e694;
}

.label-custom-green1 {
	background-color: #7fc8bf;
}

.label-custom-violet {
	background-color: #9495d6;
}

.label-custom-violet1 {
	background-color: #7274FC;
}

.label-custom-pink {
	background-color: #ea7f99;
}

.circle-indicator {
	display: inline-block;
	/* zoom: 0.5; */
	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#left_column {
	margin-right: 10px;
}

#breadcrumbs-two {
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 100%;
	/*margin-top: 45px;*/
}

#breadcrumbs-two li {
	float: left;
	margin: 0 .5em 0 1em;
}

#breadcrumbs-two a {
	background: #ddd;
	padding: .7em 1em;
	float: left;
	text-decoration: none;
	color: #444;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
	position: relative;
}

#breadcrumbs-two a:hover {
	background: #ff5e19;
	color: #FFF;
}

.savePackageSchools {
	margin-top: 5px;
}

#breadcrumbs-two a::before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border-width: 1.5em 0 1.5em 1em;
	border-style: solid;
	border-color: #ddd #ddd #ddd transparent;
	left: -1em;
	margin-left: 1px;
}

#breadcrumbs-two a:hover::before {
	border-color: #ff5e19 #ff5e19 #ff5e19 transparent;

}

#breadcrumbs-two a::after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border-top: 1.5em solid transparent;
	border-bottom: 1.5em solid transparent;
	border-left: 1em solid #ddd;
	right: -1em;
	margin-right: 1px;
}

#breadcrumbs-two a:hover::after {
	border-left-color: #ff5e19;
}

#breadcrumbs-two .current,
#breadcrumbs-two .current:hover {
	font-weight: bold;
	background: #ff5e19;
	color: #FFF;
}

#breadcrumbs-two .current::before {
	border-color: #ff5e19 #ff5e19 #ff5e19 transparent;
}

#breadcrumbs-two .current::after {
	/* content: normal; */
	border-left-color: #ff5e19;
}

/* that's not needed with the new Kendo anymore (2017.1.18)
.lesson-holder .k-icon,
.lesson-holder .k-tool-icon,
.lesson-holder .k-grouping-dropclue,
.lesson-holder .k-drop-hint,
.lesson-holder .k-column-menu .k-sprite,
.lesson-holder .k-grid-mobile .k-resize-handle-inner:before,
.lesson-holder .k-grid-mobile .k-resize-handle-inner:after {
	background-image: url('BlueOpal/sprite.png') !important;
}*/

.js-sub-menu-toggle {
	height: 39px;

	/*line-height: 39px !important;*/

	line-height: 39px !important;

	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	overflow: hidden;
	width: 90%;
}

#treeview .k-button:hover,
#treeview .k-button:focus,
#treeview .k-button.k-state-focused,
#treeview .k-textbox:hover,
#treeview .k-state-hover,
#treeview .k-state-hover:hover,
#treeview .k-pager-wrap .k-link:hover,
#treeview .k-other-month.k-state-hover .k-link,
#treeview div.k-imagebrowser-dropzone em,
#treeview .k-draghandle:hover {
	background-image: none !important;
	background-color: #696969;
	color: #FFF;
}

#accordion {
	list-style: none;
	margin: 30px 0;
	padding: 0;
	height: 135px;
	overflow: hidden;
	border: 1px solid #428BCA;
}

#accordion li {
	position: relative;
	float: left;
	display: block;
	height: 170px;
	width: 50px;
	padding: 15px 0;
	overflow: hidden;
	color: #428BCA;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.5em;
	border-left: 1px solid #fff;
}

#accordion li img {
	border: none;
	border-right: 1px solid #fff;
	float: left;
	margin: -15px 15px 0 0;
}

#accordion li.active {
	width: 450px;
}

.accourdion-title {
	position: absolute;
	top: 35px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.accourdion-title:hover {
	cursor: pointer;
}

.time-holder {
	margin-top: -17px;
}

.instructor-holder img {
	width: 150px;
	float: left;
}

.instructor-holder .instructor-info {
	margin-top: -20px;
}

.accourdion-content {
	margin-left: 50px;
	padding-top: 10px;
}

.email-instructor {
	cursor: pointer;
}

.fancy-checkbox input[type="checkbox"] {
	display: none;
}

.fancy-checkbox input[type="checkbox"] + span {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	cursor: pointer;
	position: relative;
	font-size: 13px;
}

.fancy-checkbox.custom-bgcolor-green input[type="checkbox"]:checked + span:before {
	color: #fff;
	background-color: #53D76A;
	border-color: #32cf4d;
}

.fancy-checkbox input[type="checkbox"]:checked + span:before {
	font-family: FontAwesome;
	content: '\f00c';
	font-size: 12px;
	color: #99a1a7;
	text-align: center;
	line-height: 16px;
	background: #ededed;
	border: 1px solid #ccc;
}

.fancy-checkbox input[type="checkbox"] + span:before {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	position: relative;
	bottom: 1px;
	width: 18px;
	height: 18px;
	margin-right: 5px;
	content: "";
	border: 1px solid #ccc;
}

.fancy-checkbox.private-holder input[type="checkbox"] + span {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	cursor: pointer;
	position: relative;
	font-size: 12px;
}

.fancy-checkbox.private-holder input[type="checkbox"] + span:before {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	position: relative;
	bottom: 1px;
	width: 13px;
	height: 13px;
	margin-right: 2px;
	content: "";
	border: 1px solid #ccc;
}

.fancy-checkbox.private-holder input[type="checkbox"]:checked + span:before {
	font-family: FontAwesome;
	content: '\f00c';
	font-size: 11px;
	color: #99a1a7;
	text-align: center;
	line-height: 13px;
	background: #ededed;
	border: 1px solid #ccc;
}

.fancy-checkbox.private-holder input[type="checkbox"] + span:before {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	position: relative;
	bottom: 1px;
	width: 13px;
	height: 13px;
	margin-right: 2px;
	content: "";
	border: 1px solid #ccc;
}

.page-login {
	background-image: url(../images/lms_bkg.jpg);
	height: 1280px !important;
}

.margin-pading-0 {
	margin: 0px !important;
	padding: 0px;
	/*overflow: hidden;*/
}

.membership-form {
	width: 380px;
	margin: 0 auto;
	float: none;
}

.membership-form input[type="text"],
.membership-form input[type="password"],
.membership-form input[type="email"],
.membership-form select {
	line-height: 42px;
	height: 42px;
	border-left: 0;
}

.membership-form select {
	background-color: #FFF;
	line-height: 24px;
}

.membership-form .input-group-addon {
	color: #bcdae2;
}

.membership-form .input-group {
	margin-bottom: 25px;
}

.btn-custom-membership {
	background-color: #fc7b39;
	color: #FFF;
	text-transform: uppercase;
	height: 38px;
	width: 118px;
	float: right;
	font-weight: bold;
}

.btn-custom-membership:hover {
	color: #FFF;
	background-color: #fc884d;

}

.height38 {
	height: 38px;
	line-height: 38px;
}

.login-text {
	text-align: left;
	padding-left: 0;
	color: #FFF;
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
	width: 100%;
}

.fancy-checkbox.custom-color-green input[type="checkbox"]:checked + span:before {
	color: #53D76A;
	background-color: #fff;
}

.white input[type="checkbox"] + span {
	color: #FFF;
	font-size: 15px;

}

.white input[type="checkbox"] + span:before {
	background-color: #FFF;
}

.one-line .col-lg-6, .one-line .col-lg-12 {
	padding-left: 0px;
	padding-right: 0px;
}

.membership-menu-page-holder {
	width: 380px;
	margin: 0 auto;
	float: none;
}

.membership-page-menu {
	color: #FFF;
	list-style: none;
	padding-left: 0px;
	font-size: 15px;
}

.membership-page-menu li {
	float: left;
	width: 100%;
	text-align: left;
	margin-left: 18px;
}

.membership-page-menu li a,
.membership-page-menu li a:hover,
.one-line a {
	color: #fcdea5;
}

.bottom-line {
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px #80c6db solid;
}

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

#treeview .k-state-focused.k-state-selected,
#treeview .k-list > .k-state-focused.k-state-selected,
#treeview .k-listview > .k-state-focused.k-state-selected,
#treeview td.k-state-focused.k-state-selected {
	box-shadow: none !important;
	border: none;
	background-color: #272822;
}

.topic-holder .k-in,
.topic-holder-forbiden .k-in {
	height: 25px;
	line-height: 25px;
	width: 89%;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	overflow: hidden;
}

.topic-holder .k-in:hover,
.topic-holder-forbiden .k-in:hover {
	cursor: pointer;
}

.topic-time {
	color: #ED9C28;
}

.total_course_time {
	color: #428BCA;
}

.instructor-info-holder img {
	max-width: 70px;
	float: left;
	margin-right: 10px;
}

#read-holder {
	margin-top: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid #428BCA;
	/* border-bottom: 1px solid  #428BCA; */
}

.control-dir-buttons {
	margin: 10px 0;
	position: absolute;
	width: 97.5%;
	z-index: 9999;
}

.control-dir-buttons .btn-prev.actions-control-top {
	float: left;
	display: block;
	position: absolute;
	left: 70px;
	top: 35px;
	background-color: transparent;
	border: none;
	color: #626262;
}

.control-dir-buttons .btn-next.actions-control-top {
	float: right;
	display: block;
	position: absolute;
	right: 43px;
	top: 35px;
	background-color: transparent;
	border: none;
	color: #626262;
}

.control-dir-buttons .btn-prev.actions-control-bottom {
	float: left;
	display: block;
	position: absolute;
	left: 35px;
	top: -95px;
	background-color: #494949;
	color: #fff;
}

.control-dir-buttons .btn-next.actions-control-bottom {
	float: right;
	display: block;
	position: absolute;
	right: 35px;
	top: -95px;
	background-color: #494949;
	color: #fff;
}

.a.btn.btn-info.k-in, a.btn.btn-info.k-in.k-state-focused {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

.bottom {
	border-bottom: none !important;
}

.docs-header {
	margin-top: 15px;
}

.custom-kendo-input {
	width: 100% !important;
	display: block !important;
	/* height: 34px; */
	/* padding: 6px 12px; */
	font-size: 14px !important;
	line-height: 1.42857143 !important;
	color: #555 !important;
	background-color: #fff !important;
	background-image: none !important;
	-webkit-transition: border-color ease-in-out .15s, -webkit-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;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

.k-numeric-wrap.k-state-default input {
	padding-bottom: 5px;
	border: 1px solid #ccc;

	border-right: none;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

.k-multiselect-wrap.k-floatwrap {
	padding-bottom: 5px;
	border: 1px solid #ccc;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

.k-button,
.k-numeric-wrap,
k-picker-wrap,
span:not(.circle),
input {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.k-autocomplete {
	border: 1px solid #ccc !important;
}

.k-input {
	width: 99% !important;
}

.profile .k-input, .k-picker-wrap .k-input {
	border: 1px solid #ccc !important;
	border-right: 0px !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/*
.k-input{
    height: 24px !important;
     border: 1px solid #ccc !important;
     border-right: 0px !important;
     width: 99% !important;
     padding: 0px !important;
}

.k-toolbar .toolbar input{
    height: 30px;
}

.k-state-default{
    height: 26px;
}
*/
#filter_name {
	/*height: 20px;*/
}

.basic-info .data-row,
.contact_info .data-row {
	height: 60px;
}

.basic-info .data-row .data-name,
.contact_info .data-row .data-name {
	vertical-align: middle;
}

.fancy-radio input[type="radio"] {
	display: none;
}

.fancy-radio input[type="radio"] + span i {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	position: relative;
	bottom: 1px;
	content: "";
	border: 1px solid #ccc;
	width: 18px;
	height: 18px;
	margin-right: 5px;
}

.fancy-radio input[type="radio"]:checked + span i {
	background-color: #53D76A;
}

.fancy-radio input[type="radio"] + span {
	display: block;
	cursor: pointer;
	position: relative;
	font-size: 13px;
}

.fancy-radio.custom-color-green input[type="radio"]:checked + span i:after {
	background-color: #53D76A;
}

.circle-indicator, .circle {
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
}

.school-logo {
	width: 200px;
}

.k-multiselect {
	background: white !important;
	padding: 0;
}

.k-multiselect .k-input {
	border: 0px !important;
}

.k-multiselect-wrap.k-floatwrap {
	padding-bottom: 0px;
}

.k-multiselect-wrap .k-input {
	/*    display: none;*/
	/*	height: 35px;*/
}

#admin_listbox li .ddl-image-holder {
	width: 75px;
}

#admin_listbox li {
	padding-top: 5px;
	padding-bottom: 5px;
}

#admin_listbox li .ddl-info-holder {
	width: 65%;
	margin-left: 0;

}

#admin_listbox li .ddl-info-holder h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 18px;
}

.tab-content {
	/*border: 1px solid #428bca;*/
	padding: 10px;
	overflow-x: hidden; /* overflow: auto; */
	margin-bottom: 15px;
}

.profile-edit-tab-content {
	padding: 30px;
}

.profile .user-info-left img {
	display: inline-table;
}

.padding0 {
	padding-left: 0px;
}

.course-author .k-widget {
	padding: 0;
}

.widget-reminder .widget-content {
	background-color: #428bca;
/*min-height: 345 px;*/
}

.controls-holder {
	padding: 5px;
}

.k-file {
	background-color: #428BCA;
}

g path {
/* stroke: #ff5e19 !important;*/
/* fill: #ff5e19 !important;*/
}

#sortable li, #static-questions ul li {
	color: #FFF !important;
	background-image: none !important;
	background-color: #428BCA !important;
	border: none !important;
}

#sortable a, #sortable a:hover, #static-questions ul a, #static-questions ul a:hover {
	border: none !important;
}

#static-questions > div {
	display: inline-block;
	max-width: 50%;
	padding: 0px 10px 5px;
}

.display-none {
	display: none;
}

.ui-droppable {
	border: 1px solid red;
}

.certificate-preview-holder .k-editor,
.certificate-preview-holder .k-editor td {
	/*height: 800px;*/
	width: 842px;
}

.certificate-preview-holder h2,
.certificate-preview-holder h3,
.certificate-preview-holder h4,
.certificate-preview-holder h5 {
	width: 100%;
}

.certificate-preview-holder p {
	padding-left: 100px;
	padding-right: 100px;
}

#publish_holder {
	margin-top: 10px;
	padding-left: 20px;
}

#type-holder .tab-content {
	border: none !important;
}

.school-line {
	padding-left: 0px;
	border-bottom: 1px solid #428BCA;
	margin-bottom: 10px;
}

.school-line h3 {
	padding-left: 0px;
}

.course-row:hover, .package-row:hover, #questions_grid tr:hover {
	cursor: pointer;
}

.profile-info-panel {
	border-left: 1px solid #428BCA;
}

.profile-info-row {
	margin-bottom: 10px;
}

.profile-info-value span {
	font-size: 16px;
}

.profile-info-row a {
	margin: 0 auto;
}

.profile_name {
	font-family: "Segoe UI Regular" !important;
	font-size: 18px;
	text-align: center;
}

.profile_born {
	padding-bottom: 10px;
}

.info-panel-title {
	border-bottom: 1px solid gray;
	margin-bottom: 5px;
}

.padding-0 {
	padding: 0px;
}

.bio-panel {
	margin-top: 15px;
}

.color-success {
	background-color: #5cb85c;
}

.color-danger {
	background-color: #d9534f;
}

.badge {
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	border-radius: 10px !important;
}

.k-tooltip {
	color: #000 !important;
}

#register .k-widget.k-tooltip-validation {
	width: 96%;
}

.top-bar .container {
	overflow-x: visible !important;
}

.public .top-bar {
	padding:10px 0;
}

.top-bar .top-bar-right {
	top: -2px;
	height: 60px;
}

#register .k-multiselect-wrap.k-floatwrap {
	line-height: 40px;
	min-height: 40px;
	/*border-left: 0;*/
}

.k-colorpicker .k-selected-color {
	border-radius: 0px !important;
	height: 28px;
}

/*bootstrap multi select designs(select2) */
.select2-container.select2-container-multi.form-control {
	border: none !important;
	background-color: transparent !important;
	padding: 0;
	float: none;
}

.select2-choices {
	min-height: 42px !important;
	line-height: 42px !important;
	border-left: none !important;
	width: 303px;
}

button.multiselect {
	display: none;
}

.contact_info .k-multiselect-wrap.k-floatwrap {
	border: 1px solid #c5c5c5 !important;
}

.school-hold .select2-choices {
	border-left: 1px solid #c5c5c5 !important;
	width: auto;
	margin-bottom: 12px;
}

.form-group.school-hold {
	display: table;
	height: 100%;
	width: 100%;
}

.school-hold .select2-container.select2-container-multi {
	display: table;
	overflow: auto;
}

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
	background-image: none !important;

}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
	border: 1px solid #c5c5c5 !important;
}

.select2-drop-active {
	border-color: #c5c5c5 !important;
}

.select2-container-disabled li.select2-search-choice {
	background-color: #296eaa !important;
}

.readno {
	background-color: #CAE9FF;
}

.readyes {
	background-color: #ffffe7;
}

.unread, .unread:hover {
	background-color: #CAE9FF !important;
}
.unread.hoverable:hover {
	background-color: rgba(202, 233, 255, 0.3) !important;
}
.opened, .opened:hover {
	background-color: #ffffe7 !important;
}
.opened.hoverable:hover {
	background-color: rgba(255, 255, 231, 0.3) !important;
}
.answered, .answered:hover {
	background-color: #f0ffff !important;
}
.answered.hoverable:hover {
	background-color: rgba(240, 255, 255, 0.3) !important;
}

.border-1px {
	border: 1px solid #ddd;
}

.drop-shadow {
	box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25);
}

.k-grid-content::-webkit-scrollbar {
	display: none;
}

.k-grid-content {
	overflow: hidden;
}

.k-state-border-down {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

span.k-datepicker, span.k-timepicker, span.k-datetimepicker,
span.k-colorpicker, span.k-numerictextbox, span.k-combobox,
span.k-dropdown {
	border: 1px solid #CAE9FF !important;
}

/*CUSTOM TREE WITH DRAG AND DROP*/
.treeDragDrop {
	margin: 0;
	padding: 0;
	display: block;
}

.treeDragDrop > ul {
	margin: 0 0;
	padding: 0 0;
	display: block;
}

.treeItemPlaceHolder, .treeItemEmpty {
	margin: 5px 0;
	padding: 0;
	min-height: 30px;
	background: #f2fbff;
	border: 1px dashed #b6bcbf;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.treeItemEmpty {
	border: 1px dashed #bbb;
	min-height: 100px;
	background-color: #e5e5e5;
	background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
	-webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
	background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
	-moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
	background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
	linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
	background-size: 60px 60px;
	background-position: 0 0, 30px 30px;
}

.dd-dragel {
	position: absolute;
	pointer-events: none;
	z-index: 9999;
}

.dd-dragel > .dd-item .dd-handle {
	margin-top: 0;
}

.dd-dragel .dd-handle {
	-webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
	box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
}

.treeItem, .treeItemEmpty, .treeItemPlaceHolder {
	display: block;
	position: relative;
	margin: 5px 0;
	padding: 0;
	min-height: 20px;
	font-size: 13px;
	line-height: 20px;
}

.treeItemHandler {
	position: absolute;
	margin: 0;
	left: 0;
	top: 0;
	cursor: pointer;
	width: 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
/* border: 1 px solid #aaa;*/
	border: none;
	background: #aaa;
	display: block;
	height: 30px;
	padding: 5px 10px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

.treeItemHandler:before {
	content: '≡';
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
	width: 100%;
	text-align: center;
	text-indent: 0;
	line-height: 23px;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
}

.treeItemHandler:hover {
	cursor: move;
	background-color: #ddd;
}

.treeItemHandler:hover:before {
	color: #333;
}

.treeItem > button.trigger {
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	width: 30px;
	height: 30px;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
	border: 0;
	background: transparent;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
}

.treeItemContent {
	display: block;
	/*height: 30px;
	max-height: 30px;*/
	line-height: 20px;
	overflow: hidden;
	margin: 0;
	padding: 5px 25px 5px 40px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
/* border: 1 px solid #ccc;*/
	border: none;
	background-color: #ddd;
}

.treeItemContent span.text {
	display: inline-block;
	float: left;
	/*height: 20px;
	max-height: 20px;*/
	line-height: 20px;
	overflow: hidden;
}

.treeItemContent span.text:hover {
	cursor: pointer;
	color: #2ea8e5;
}

.conversation_user_holder, .conversation_time_holder {
	line-height: 30px;
	vertical-align: middle;
}

.msg-is-read {
	margin-right: 5px;
}

.converstion_title {
	font-size: 16px;
	font-weight: bold;
}

.alt-row {
	background-color: rgb(247, 247, 247);
}

.conversation-row:hover, .conversation-rowAlt:hover {
	cursor: pointer !important;
}

#SkypeButton_Call {
	display: none;
	background-color: #fff;
	margin-bottom: 20px;
	min-height: 120px;
	text-align: center;
	width: 200px;
}

.profile-courses-holder {
	border-left: 1px solid #ddd;
}

#grid table tr {
	font-size: 14px;
}

.course_list_name {
	font-weight: bold;
	text-transform: uppercase;
}

.k-widget.k-treeview ul li {
	overflow: hidden;
}

.stepy-header {
	display: none !important;
}

.invoice-table tbody tr td {
	line-height: 100%;
	vertical-align: middle;
}

.list-logo {
	max-width: 100px;
	margin-right: 30px;
}

.sc-logo {
	max-width: 75px;
	margin-right: 10px;
}

.details-logo, .list-group-image {
	max-width: 100%;
	max-height: 150px;
	overflow: hidden;
	text-align: center;
}

.top-bar .notifications .general .dropdown-menu li a .timestamp {
	position: absolute;
	right: 10px;
	top: 25px;
}

.list-group div#courses_grid, .list-group div#package_grid {
	border: none;
}

.list-logo-holder {
	/*height: 170px;/*
	/*line-height: 170px;*/
	background-color: #ddd;
	overflow: hidden;
	text-align: center;
}

h3.inner.list-group-item-heading {
	/* height: 60px; */
	overflow: hidden;
}

ul.list-unstyled li {
	margin-bottom: 5px;
}

ul.list-unstyled {
	/* height: 140px; */
	overflow: hidden;
	padding-bottom: 30px;
}

.thumbnail {
	position: relative;
	max-height: 175px;
	min-height: 175px;
}

.action-buttons {
	position: absolute;
	bottom: -10px;
	right: 25px;
}

.action-buttons a {
	margin-right: 5px;
}

.pdf-checkbox {
	position: absolute;
	bottom: 15px;
	right: 41px;
}

.dropdown-menu li {
	position: relative;
}

.store-package-courses .list-logo-holder {
	background-color: transparent;
	height: 110px;
	line-height: 110px;
	overflow: hidden;
	padding: 0;
}

.store-package-courses.col-md-3.col-sm-4 {
	margin-right: 5px;
	height: 150px;
	overflow: hidden;
}

div#state_selection_area {
	padding-right: 0;
}

.public-shop {
	/*width: 75%;*/
	margin: 0 auto !important;
}

.details-list .thumbnail {
	min-height: 300px;
	overflow: hidden;
}

.details-list .list-logo-holder {
	height: 150px;
	line-height: 150px;
	vertical-align: middle;
	overflow: hidden;
}

.k-toolbar.k-grid-toolbar .toolbar span {
	/*margin-right: 5px;*/
}

.k-toolbar.k-grid-toolbar {
	height: 35px;
}

.category-label {
	margin-left: 5px;
}

#chart {
	min-height: 500px;
	border: none !important;
}

.important_message {
	background-color: rgba(255, 0, 0, 0.3) !important;
	font-weight: bold !important;
}

.user-info-left .private-check-holder label {
	float: none !important;
	margin: 0 auto;
}

select.form-control {
	-moz-appearance: textfield;
}

li.select2-search-choice {
	text-align: left;
}

.select2-container-multi .select2-choices li {
	float: none !important;
}

.select2-container-multi .select2-choices .select2-search-field input {
	border: 0 none !important;
}

.bx-viewport {
	min-height: 50px !important;
}

.bx-viewport audio {
	display: inline-block !important;
	margin-top: 5px;
}

.login-btns a {
	padding: 1px 5px !important;
}

#audio-holder {
	padding-top: 10px;
	min-height: 10px;
}

#audio-holder .bx-wrapper{
	margin: 0 0 10px !important;
}

.main-aff-header-holder, .aff-header-holder {
	height: 300px;
	position: relative;
	overflow: hidden;
}

.main-preview-header, .preview-header {
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.remove-element-from-cart {
	margin-left: 3px;
}

.start-btn {
	margin-bottom: 10px;
}

.k-in {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

.k-tool-icon.k-insertVideo {
	background: none;
}

.k-tool-icon.k-insertVideo:before {
	font: normal normal normal 24px FontAwesome;
	content: "\f167"; /* youtube icon */
	color: #FFF;
}

.fixed-picker {
	height: 85px;
	overflow: visible;
	position: relative;
}

.table-headet-text {
	width: 150px;
	line-height: 20px;
}

.glosaries table tr td {
	cursor: pointer;
}

/* Selected line css */

.k-state-selected:link,
.k-state-selected:visited,
.k-list > .k-state-selected,
.k-list > .k-state-highlight,
.k-panel > .k-state-selected,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-marquee-color {
	/*color: #fff;*/
	/*background-color: #272822;*/
	background-color: transparent;
	/*border-color: #272822;*/
}

.k-state-selected {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.k-state-selected,
.k-button:active,
.k-state-selected:hover,
.k-draghandle.k-state-selected:hover {
	background-image: none;
}

/*.k-input {*/
/*color: #FFF !important;*/
/*}*/

/*table input[type=text], table input[type=search] {*/
/*color: #FFF !important;*/
/*}*/

table .k-editor-widget input[type=text], table .k-editor-widget input[type=search] {
	color: #000 !important;
}

.k-button-icontext {
	min-width: 150px !important;
	margin-bottom: 5px !important;
}

.k-button-icontext:hover {
	color: #F2F2F2 !important;
}

.reports-more-menu {
	left: -90px;
}

.btn-group .dropdown-menu {
	margin: 0px;
	margin-top: -3px;
}

/*.reports-more-ddl-link{
	padding-top: 0px;
	padding-bottom: 0px;
	height: 30px;
	line-height: 30px;
	margin-top: -10px;
}
*/
.salses-chart #chart {
	cursor: col-resize;
}

.date-range-holder {
	margin-bottom: 10px;
	margin-left: 10px;
	position: relative;
	top: -20px;
}

select {
	background-color: #fc7b39;
}

#options_grid input[type="text"],
#options_grid input[type="search"],
#boolean_area input[type="text"],
#boolean_area input[type="search"],
#oneword_area input[type="text"],
#oneword_area input[type="search"] {
	color: #000 !important;
}

.question-answer-input {
	border: 1px solid #ccc;
}

#questions-count {
	font-size: 28px;
}

.only-final-options-holder {
	margin-top: -20px;
	padding-left: 35px;
	position: relative;
}

blockquote.invoice-notes {
	border: none !important;
}

.btn-payment {
	margin-bottom: 5px;
	margin-right: 5px;
}

.check-mark-holder {
	margin-top: 3px;
}

.bookmark-topic {
	margin-bottom: 10px;
}

.k-tile .k-folder, .k-tile .k-file {
/* background-image: url("Default/imagebrowser.png") !important;*/
}

.k-imagebrowser .k-addfolder {
	display: none !important;
}

span.cart-item-text {
	display: inline-block;
	width: 170px;
	word-break: break-all;
	word-wrap: break-word;
	/* float: left; */
	overflow: hidden;
}

.active-edit {
	color: #2ea8e5;
	font-size: 15px;
}

.fa-check-circle::before,
.fa-circle-thin::before {
	margin-right: 4px;
}

#btn_cancel_question {
	margin-left: 5px;
}

.k-input.k-textbox {
	background-color: #fff !important;
	border: 1px solid #428bca !important;
	border-radius: 0 !important;
}

.k-datepicker.margin_top_10px {
	border: none !important;
}

.margin-right-10 {
	margin-right: 10px;
}

.main-content {
	min-height: 400px;
}

#oneword_area .question-answer-input {
	padding-bottom: 4px;
}

.error-price {
	border-color: red;
}

.k-grid-edit-row .k-input.k-textbox {
	color: #000 !important;
}

#save_search,
#delete_search {
	margin-top: -3px;
}

.btn-default-green {
	background-color: rgba(154, 243, 175, 0.3);
	border-color: rgba(154, 243, 175, 0.3);
}

.progress .progress-bar {
	color: #000;
	overflow: visible;
}

.exam-errors-list, .answer-error {
	font-size: 16px;
	font-weight: bold;
	color: red;
}

.answer-error a {
	color: green;
}

label.grade-title {
	font-size: 20px;
}

label.grade-score {
	font-size: 24px;
	font-weight: bold;
}

.exam-success {
	color: green;
}

.exam-fail {
	font-size:18pt;
	padding:20px;
}

.service-info {
	overflow-x: hidden;
	overflow-y: auto;
	margin-bottom: 10px;
}

.certificate-preview-holder .k-editor .k-content {
	width: 595px;
	height: 842px;
}

input.k-formatted-value.time_to_complete.k-input,
input.time_to_complete.k-input:focus {
	color: #000 !important;
}

.table-number {
	margin-bottom: 0;
}

.ids_holder li {
	list-style: none;
	font-size: 16px;
}

.exam-certificates-list {
	font-size: 16px;
	font-weight: bold;
}

.exam-certificates-list li {
	list-style: none;
}

#courses-list td,
#packages-list td {
	font-size: 16px;
}

span.videos-count {
	top: 0px;
}

.rtc-partner-name-holder {
	padding-left: 0;
	overflow: hidden;
}

.custom-user-type {
	/*margin-bottom: 2px;*/
	display: block;
	margin-bottom: -20px;
	margin-left: -7px;
}

.top-bar .notifications {
	margin-left: 0px;
	margin-right: 0px;
}

.top-bar .notifications .notification-item {
	margin-left: 15px;
}

.top-bar.reader_screen .notifications .notification-item {
	margin-left: 4px;
}

.logged-user {
	margin-left: 5px;
}

.img-logo {
	width: 100%;
}

.k-editor-toolbar {
	min-height: 40px;
}

.k-widget.k-window {
	min-width: 600px !important;
}

.k-widget.k-window textarea {
	color: #000 !important;
}

.k-filesize {
	display: none !important;
}

.k-numeric-wrap input[type="text"], .k-numeric-wrap input[type="search"] {
	color: #000 !important;
}

.profile-documents .label1 {
	background-color: #97dd03;
	color: #97dd03;
}

/*table:not([role=grid]),*/
/*table:not([role=grid]) tr,*/
/*table:not([role=grid]) td {*/
/*border: 1px solid #000;*/
/*}*/

table.invoice-table,
table.invoice-table tr,
table.invoice-table td,
table[role=treegrid],
table[role=treegrid] tr,
table[role=treegrid] td {
	border: none !important;
}

.invoice-logo-holder {
	max-width: 75px;
	padding-bottom: 5px;
}

.orange,
.orange a {
	color: #ff5e19;
}

.orange a {
	text-decoration: underline;
}

#grid-other .k-pager-sizes {
	display: inline-block;
	padding-top: 10px;
}

.sa-long-text-sub-menu {
	left: -170px;
}

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

.course_name_evo {
	font-size: 18px;
}

.preview-image-media {
	width: 100%;
}

.k-grouping-header {
	font-size: 16px;
	height: 30px;
}

.topic-read-content img {
	max-width: 100%;
}

.topic-read-content li {
	list-style-type: initial;
}

.virtual-topic-footer {
	margin-top: 10px;
}

.side-bookmarks-list {
	height: 150px;
	overflow-y: scroll;
}

.side-bookmarks-list ul li {
	display: block;
}

.side-bookmarks-list ul li a {
	display: initial;
}

.bx-wrapper .bx-controls-direction a {
	z-index: 998 !important;
}

.notes-holder {
	max-height: 250px;
	overflow-y: scroll;
}

.add_note_button {
	margin: 5px 0 0 0px;
}

.note-side-holder {
	word-wrap: break-word;
}

.expr-field {
	margin-bottom: 12px;
}

.expr-slash {
	line-height: 32px;
	font-size: 32px;
	margin-left: 5px;
	margin-right: 5px;
}

.fancy-checkbox input[type="checkbox"]:disabled + span {
	cursor: initial;
}

input:disabled {
	cursor: initial;
}

.fancy-checkbox input[type="checkbox"].bg-gray + span::before {
	background: #ccc;
}

.grid-btn-right {
	margin-right: -11px;
}

.margin-top-5 {
	margin-right: 2px;
	position: relative;
	top: -2px;
}

.sidebar-titles {
	margin-left: 10px;
}

.sidebar-margin-top {
	margin-top: 25px
}

.sidebar-content {
	overflow: auto;
}

.top-bar .notifications .count {
	top: 10px;
}

.main-nav .k-icon,
.main-nav .k-tool-icon,
.main-nav .k-grouping-dropclue,
.main-nav .k-drop-hint,
.main-nav .k-column-menu .k-sprite,
.main-nav .k-grid-mobile .k-resize-handle-inner:before,
.main-nav .k-grid-mobile .k-resize-handle-inner:after {
	background-image: url('BlueOpal/sprite.png') !important;
}

.main-nav .k-treeview {
	margin-left: 30px;
	margin-top: 15px;
}

.main-nav .k-checkbox-label:before {
	top: -4px;
}

.main-nav .k-checkbox:indeterminate + .k-checkbox-label:after {
	border: none;
}

.notification-item a.reader_box_icon {
	background: transparent;
	color: #fff;
}

.main-menu-holder.reader_screen ul {
	padding: 8px 0 8px;
}

.notification-item a.reader_box_icon {
	background: transparent;
	color: #fff;
}

.main-menu-holder.reader_screen ul {
	padding: 8px 0 8px;
}

.notification-item a i.reader_icon {
	font-size: 18px;
	color: #fff;
}

/*.k-tooltip {*/
/*margin-top: 12px;*/
/*}*/

.k-callout-e {
	top: 5px !important;
}

.container.reader_screen {
	/*height: auto;*/
}

.main-content.reader_screen {
	overflow-y: auto;
	overflow-x: hidden;
}

.inbox.reader_screen {
	height: auto;
}

.switcher-wrap.reader_screen {
	position: absolute;
	right: 0;
	/*bottom: 50%;*/
}

#read-holder.reader_screen {
	padding: 100px 70px 70px 70px;
	margin-bottom: 20px;
}

.take-exam {
	/*background-color: transparent;
	border: 1px solid #000;
	padding: 5px;*/
}

li:not(.lesson-holder) a.k-in, li.k-item #treeview_tv_active a.k-in {
	background-color: #fff !important;
	height: 25px;
	line-height: 25px;
	color: #000;
	/*width: 30%;*/
	border: 2px solid #000;
	padding: 10px;
}

li:not(.lesson-holder) a.k-in .k-state-hover.k-state-focused, li.k-item #treeview_tv_active a.k-in .k-state-hover.k-state-focused, li:not(.lesson-holder).k-item .k-state-hover:hover, li.k-item .k-state-hover, li.k-item .k-state-hover:hover, li.k-item #treeview_tv_active a.k-in:hover {
	/*border: 2px solid #fff !important;
	background-color: #000 !important;
	color: #fff !important;*/
}

/*li.k-item.k-last a.k-in {*/
/*background-color: inherit;*/
/*}*/

/*LMS-243*/
.top-bar.reader_screen {
	background-color: #3A3A3A;
	border: none;
	line-height: 1;
	margin: 0;
	height: 40px;
}

.main-menu-holder.reader_screen li {
	padding: 0 10px;
	display: inline-block;
	border-right: 1px solid #fff;
	font-size: 15px;
}

.main-menu-holder.reader_screen ul {
	padding: 15px 0 15px;
	margin: 0;
}

.main-menu-holder.reader_screen li a {
	color: #fff;
}

.main-menu-holder.reader_screen li a:hover {
	color: orangered;
}

.main-menu-holder.reader_screen li:last-child {
	padding-right: 0;
	border-right: none;
}

.top-bar .top-bar-right.reader_screen {
	height: auto;
	padding: 8px 0 8px;
	top: 0;
}

.reader_screen .reader_icon,
.reader_screen .reader_icon,
.reader_screen .reader_icon {
	font-size: 26px;
	color: #000;
}

.reader_screen .reader_box_icon {
	display: block;
	padding: 1px 3px 2px 3px;
	background: #fff;
}

.bottom.reader_screen {
	height: 94.8%;
}

.reader_screen.content-wrapper {
	padding: 0;
	margin: 0;
	height: 100%;
}

.inbox.reader_screen {
	height: auto;
}

.row.reader_screen {
	border: none;
	height: 100%;
	background-color: #ccc;
}

.row.row_reader.reader_screen {
	border: none;
	height: 100%;
	background-color: #fff;
}

.inbox .row > .inbox-left-menu.reader_screen {
	min-height: 101vh;
	padding-top: 0;
}

.container.reader_screen {
	height: 100%;
	padding: 0;
}

.bottom .container .content-wrapper.reader_screen {
	padding: 0;
	height: 100%;
}

.wrapper.reader_screen {
	width: 100%;
	height: 100% !important;
	min-height: 0;
	margin: 0;
	overflow: hidden;
}

/*.main-content.reader_screen {*/
/*padding: 0;*/
/*min-height: 0;*/
/*margin: 0;*/
/*height: 100%;*/
/*overflow: hidden;*/
/*}*/

.reader_footer {
	background-color: #000;
	width: 100%;
	height: 50px;
}

#read-holder.reader_screen {
	padding: 100px 70px 50px 70px;
	margin: 0 0 70px 0;
	/*    border-left: 1px solid #000;
		border-right: 1px solid #000;*/
	border-bottom: none;
	border-top: none;
	background-color: #ffffff;
	/* min-height: 100vh !important; */
	font-size: 12pt;
}

.main-header.reader_screen {
	margin: 0;
	text-overflow: ellipsis;

	/* Required for text-overflow to do anything */
	white-space: nowrap;
	overflow: hidden;
}

.content.reader_screen {
	height: auto;
	margin: 0;
	padding: 0;
}

.reader_lfsbar.reader_screen {
	height: auto;
}

.read_holder_wrap.reader_screen {
	min-height: 100vh !important;
	margin-bottom: 30px;
}

.switcher-wrap.reader_screen {
	position: absolute;
	right: 4px;
	top: 200px;
	width: 58px;
	height: 217px;
	bottom: 60%;
	float: right;
	background-color: #ffffff;
	padding: 8px;
	z-index: auto;
	/*bottom: 50%;*/
}

/*.switcher-wrap.reader_screen {
    width: 58px;
    height: 148px;
    position: absolute;
    bottom: 70%;
    float: right;
    background-color: #ffffff;
    padding: 8px;
}*/
.switcher-wrap div[class^="del-style-switcher"] {
	width: 261px;
	position: absolute;
	top: 0;
	padding: 10px;
	background: white;
	z-index: 999;
	display: block;
}

.switcher-wrap div[class^="del-style-switcher"]:nth-child(2) {
	top: 24% !important;
}

.switcher-wrap div[class^="del-style-switcher"]:nth-child(3) {
	top: 47% !important;
}

.switcher-wrap div[class^="del-style-switcher"]:nth-child(4) {
	top: 70% !important;
}

#font_switcher {
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	width: 86px;
	height: 18px;
	background: #666666 url(../images/arrow_dropdown_select.png) no-repeat top right;
	border: none;
	border-radius: 3px;
	color: #ffffff;
	font-weight: 400;
	padding-left: 6px;
	margin-left: 8px;
	cursor: pointer;
}

#color_switcher_first {
	background-color: #201600;
}

#color_switcher_second {
	background-color: #dbdbdd;
}

#color_switcher_third {
	background-color: #f1f1f1;
}

select[id^="color_switcher_"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	width: 18px;
	height: 18px;
}

.read_monokai {
	background-color: #201600;
}

.read_grey {
	background-color: #dbdbdd;
}

.read_white {
	background-color: #ffffff;
}

/*LMS-243 end*/

.email-instructor, .start-chat, .bookmark-topic, .add_note_button {
	/*background-color: transparent;
	border: 1px solid #000 !important;
	color: #000;*/
    background-color:#438cca;
    color:white;
}

.email-instructor:hover, .start-chat:hover, .bookmark-topic:hover, .add_note_button:hover {
    color:white;
}

.height-102 {
	min-height: 101vh !important;
	position: relative;
}

.height-100 {
	min-height: 100vh !important;
	position: relative;
}

.more-than-100 {
	min-height: 114.2vh !important;
	position: relative;
}

.k-state-disabled:hover {
	color: #000;
}

.delete-side-note, .delete-bookmark {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

.delete-side-note:hover, .delete-bookmark:hover {
	background-color: rgba(0, 0, 0, 0.82);
	border-color: rgba(0, 0, 0, 0.82);
}

/*.del-style-switcher-bookmarks{
    top:154px !important;
}*/
.switcher-wrap div[class^="del-style-switcher"].top-switcher {
	top: 0 !important;
}

.switcher-wrap div[class^="del-style-switcher"]:nth-child(2).middle-switcher {
	top: 31% !important;
}

.switcher-wrap div[class^="del-style-switcher"].bottom-switcher {
	top: 103px !important;
}

#videos-holder, #audio-holder {
	/* border-left: 1px solid #000;
	 border-right: 1px solid #000;*/
}

.left-sidebar {
	position: absolute;
	left: 0;
	right: 0;
}

.main-nav {
	position: relative;

}

.msg-instructor-cource {
	clear: both;
	margin-bottom: 20px;
}

.pull-right.btn-right-custom-style {
	margin-left: 50px;
	float: left !important;
}

.documents-icon {
	margin-right: 5px;
}

.k-treeview .k-in.k-state-hover {
	/*margin: 0;
	border-width: 0 !important;
	border: 0px !important;*/
}

nav.main-custom-treeview {
	width: 76%;
}

nav.main-custom-treeview div.k-treeview {
	white-space: normal;
	margin-left: 5px;
	margin-top: 5px;
}

nav.main-custom-treeview div.k-treeview .k-item {
	margin-top: 5px;
	margin-bottom: 5px;
}

#store-categories-treeview .k-item span.k-in, #store-categories-treeview .k-item span.k-in.k-state-hover {
	display: inline;
}

.top-bar .logged-user .dropdown-menu {
	left: -66px;
}

ul.dropdown-menu.templates-ddl {
	width: auto;
	height: 250px;
	overflow: scroll;
}

.left-logo-holder {
	height: 80px;
}

.right-side-menu {
	height: auto;
}

.profile-state-template > span {
	background-color: #fff;
	color: #000;
}

.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-list > .k-state-selected,
.k-list > .k-state-highlight,
.k-panel > .k-state-selected,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-marquee-color {
	/*color: #000;*/
	/*background-color: #2ea8e5;*/
	background-color: transparent;

}

/* Profile edit */
.help-block.error {
	color: #000;
	background-color: #ffebaf;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px;
	text-align: center;
}

/* School configuration popup */
.school-configuration-holder .col-md-12 {
	padding: 0;
}

span.star {
	font-size: 1.5em;
	font-weight: bold;
}

/* Exam progressbar */
.exam-progressbar {
	width: 50%;
	display: block;
	/*color: #ff5e19 !important;*/
	background-color: #2ea8e5;
}

.exam-progressbar .k-state-selected {
	background-color: #ff5e19;
}

.exam-progressbar .k-item {
	border: none !important;
	margin: 1px 0 0 0 !important;
	padding: 0 !important;
}

.exam-progressbar .k-last {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

#button_submit .stepy-finish {
	margin-left: 50px;
}

.k-progressbar > .k-reset {
	left: 1px !important;
}

#add_note_content {
	width: auto;
}

#view-results {
	color: #fff;
}

.delete-side-note {
	visibility: hidden;
}

.note-side-holder:hover .delete-side-note {
	visibility: visible;
}

.stirpe_form {
	display: inline-block;
	float: right;
	margin-top: 20px;
}

.tooltip_templates {
	display: none;
}

.k-picker-wrap {
	background-color: #fff !important;
	border: none !important;
}

.k-picker-wrap input {
	line-height: 20px !important;
	padding: 6px !important;
}

.k-picker-wrap span[aria-label="select"] {
	background-color: #428bca;
	line-height: 32px;
	padding: 0 5px 0 3px;
}

.k-picker-wrap span[aria-label="select"] span.k-icon {
	color: #fff;
}

.input-group-addon.primary {
	/*background-color: #428bca;*/
	/*color: #fff;*/
}

.input-group-addon.primary i {
	color: #428bca;
}

.text-uppercase {
	text-transform: uppercase;
}

.header-top-notification {
	text-align: center;
	line-height: 44px;
}

.header-top-notification.danger {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d34545+0,d12323+100 */
	background: #d34545; /* Old browsers */
	background: -moz-linear-gradient(top, #d34545 0%, #d12323 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d34545 0%, #d12323 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d34545 0%, #d12323 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d34545', endColorstr='#d12323', GradientType=0); /* IE6-9 */
}

.header-top-notification.warning {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7400+0,ff7400+100;Orange+Flat */
	background: #ff7400; /* Old browsers */
	background: -moz-linear-gradient(top, #ff7400 0%, #ff7400 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff7400 0%, #ff7400 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff7400 0%, #ff7400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7400', endColorstr='#ff7400', GradientType=0); /* IE6-9 */
}

.header-top-notification p {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	margin: 0;
}

.header-top-notification a.btn {
	margin: -3px 0 0 1em;
}

.header-top-notification a {

}

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

p#total_price {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	font-weight: 700;
	font-size: 1.3em;
	padding: 10px 0 10px 10px;
}

.stripe-button-el.gray, .stripe-button-el.gray span {
	filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
	filter: gray;
	-webkit-filter: grayscale(100%);
	cursor: not-allowed;
}

.stripe-button-el span {
	display: block;
	position: relative;
	padding: 0 12px;
	height: 30px;
	line-height: 30px;
	background: #1275ff;
	background-image: -webkit-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
	background-image: -moz-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
	background-image: -ms-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
	background-image: -o-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
	background-image: -webkit-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
	background-image: -moz-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
	background-image: -ms-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
	background-image: -o-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
	background-image: linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	border: none;
}

.stripe-button-el.gray,
.stripe-button-el.gray span {
	border-width: 0 !important;
	background-color: transparent;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	cursor: not-allowed;
}

/*
* Checkbox Switches
* https://www.w3schools.com/howto/howto_css_switch.asp
*/

/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
	display: none;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

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

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

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

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

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

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

.images-grid .item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid darkgrey;
}

.images-grid div {
	padding: 10px;
}

.images-grid img {
	max-width: 300px;
}

.images-grid .input, .images-grid .input input {
	width: 100%;
}

/* new styles by rah */
.content { margin-top:0; margin-left:0; }
.container.public-shop { padding:0; }
.package-page-image img { max-height: none; }
h2 { margin:16px 0; padding-right:0; display:block; }
.general-info { margin:0 auto; max-width: 1000px; }
.general-info h1 { padding-bottom:20px; }
.single-package-page #courses_grid .thumbnail { padding:0; border:0; }
.single-package-page #courses_grid .list-logo-holder { height:auto; line-height:auto; }
.single-package-page #courses_grid .list-logo-holder img { display:block; max-width:100%; }
.single-package-page #courses_grid h3 { font-size:14pt; }
.package-page-hours, .package-page-price { font-size:14pt; margin-top:10px; }
.package-page-description { font-size:14pt; margin:12px 0; }
.package-page-price { margin-bottom:12px; }
.single-package-page .course-grid-title { font-size:16pt; font-weight:bold; }
.product-preview-window .list-logo-holder { background-color:transparent; text-align: left; }
.single-package-page .list-logo-holder { background:transparent; }

.single-course-page .details-logo { display:block; max-width:100%; max-height: none; }
.single-course-page h3 { margin-top:10px; }

.course-page-description { font-size:14pt; margin:12px 0; }

/* Learning panel rah */
.student-learning-portal { color:black; }
.lp-left-panel { background-color:#e7e6e6; }
.lp-heading h4 label { text-transform: uppercase; font-size: 10pt; font-weight: bold; }
.lp-heading, .lp-profile-pic { padding:0 20px; }
.lp-profile-pic img { width:auto; height:60px;}
.lp-sidebar-info ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid white; }
.lp-sidebar-info ul li {
    border-bottom: 1px solid white;
    padding: 16px 16px 16px 22px;
    background-repeat: no-repeat;
    background-position: 20px 16px;
    cursor:pointer;
}
.lp-sidebar-info ul li h4 i { display:inline-block; padding-right:10px; font-size:18pt; }
.lp-sidebar-info ul li#completed i {
    color:#289125;
}
.lp-sidebar-info ul li#expiring i {
    color:#D85D15;
}
.lp-sidebar-info ul li#expired i {
    color:red;
}
.lp-sidebar-info ul li#current i {
    color:#0e4379;
}
.lp-sidebar-info ul li h4 {
    margin: 0;
    text-transform: uppercase;
    font-weight: 400;
    font-size:16px;
}
.lp-sidebar-info ul li span {
    font-size: 10pt;
    font-style: italic;
}
.lp-sidebar-info .blue-button button {
    background-color: #428bca;
    font-size: 12pt;
    text-transform: uppercase;
    padding: 6px 12px;
    border: 1px solid white;
    color: white;
    font-weight: bold;
    cursor: pointer;
}
.lp-sidebar-info .blue-button {
    text-align: center;
    padding: 40px 0 20px 0;
}
.lp-sidebar-info ul li#expired a {
    color: #57BF63; font-size:16px;
}
.lp-sidebar-info ul li span {
    font-size: 10pt;
    font-style: italic;
}
.profile-documents a { color:black; }
.profile-documents h4 { color:#428bca; }
.lp-sidebar-info { padding-top:16px; }
.lp-profile-pic { font-size: 12pt; line-height: 10pt; }
.student-learning-portal .lp-left-panel { position:absolute; top:0; left:0; width:300px; padding-right:0; z-index: 999; padding-top:14px; }
.student-learning-portal .profile-courses-holder { margin-left:285px; }

.sb-tab {
    width: 20px;
    height: 40px;
    position: absolute;
    right: -20px;
    top: 200px;
    display: none;
    cursor: pointer;
}

.left-panel-bg { display:none; position: fixed; width:286px; top:0; left:0; bottom:0; background-color:#e7e6e6; z-index: 1; }
.student-learning-portal .profile-courses-holder { border-left: 0; }
.left-logo-holder a { font-style:italic; }
.left-logo-holder a:hover, .left-logo-holder a:focus { color:white; }

.profile-courses-holder { padding-left:0; }
.profile-courses-holder .col-lg-12 { padding-left:0; }
.lp-main { padding-top:50px; }
.lp-divider { background-color:#428bca; height:49px; position: relative; max-width: 95%; }
.lp-divider h2 { line-height: 50px; text-transform: uppercase; color:white; margin:0; padding:0 0 0 20px; font-size:14pt; font-weight: 400; }
.lp-divider-right { position: absolute; top:0; right:0; width: 0; height: 0; border-top: 25px solid transparent; border-left: 30px solid #428bca;
    border-bottom: 25px solid transparent; background:white; }
.lp-courses-top-bar { padding:10px 0 10px 40px; max-width:70%; }
.lp-courses-top-bar span { padding-right:55px; cursor:pointer; }
.lp-course-list { max-width: 70%; padding:10px 0 40px 40px; }
.lp-course-image img { max-width: 120px; }
.lp-course-grid { display:flex; flex-wrap:wrap; justify-content:left; grid-gap: 40px; }
.lp-course { width:400px; margin: 0 0px 40px 30px; padding-right:50px; }
.lp-course h3 { margin:5px 0 0 0; min-height:53px; line-height: 17pt; }
/*.lp-course h3 a { color:black; font-size:13pt; text-transform: uppercase; font-weight: bold; }*/
.lp-course a { color:black!important; display:block; padding:5px; }
.lp-course a h3 {}
.lp-course a:hover { background-color:#eee; }
.lp-completion { font-size:13pt; }
.lp-course-review { text-transform:uppercase; color:black; font-size:10pt; }
.lp-progress-bar { display:inline-block; background:black; height:20px; width:120px; position: relative; }
.lp-progress { width:0; height:20px; background:#289125; position:absolute; }
.lp-progress-bar span { position: absolute;
    color: white;
    font-size: 8pt;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    line-height: 20px; }
.lp-expiry, .course-hours { font-size:9pt; text-transform: uppercase; line-height: 12pt; }
.lp-expiry .expired { color:red; font-weight:bold; }
.lp-expiry .expiring-soon { color:#D85D15; font-weight: bold; }
.lp-completed { font-size:14pt; }
.lp-completed span { font-weight: bold; }
.lp-course-failed { font-weight: bold; color:red; }
.lp-completion-dates span { text-transform: uppercase; font-size:10px;}
.lp-certificate { font-size:13pt; color: #337ab7; display:inline-block; background-image:url('../icons/icon-certificate.png'); background-repeat: no-repeat; padding-left:40px!important; height:42px!important; width:131px; line-height: 38px; margin-top:16px; text-transform: uppercase; background-color:white;
	color:black; background-position-x: 9px; background-position-y: 2px; border: 1px solid #e8e8e8; }
.sb-tab { width:20px; height:40px; position:absolute; right:-20px; top:200px; display:none; cursor:pointer; }
.lp-course .take_eval { font-size:13pt; color: #337ab7; display:inline-block; background-image:url('../icons/icon-certificate.png'); background-repeat: no-repeat; padding-left:38px; height:38px; line-height: 38px;
        margin-top:16px; text-decoration:underline; }
.lp-course .eval_link { font-size:13pt; color: #337ab7; text-decoration: underline;;}
.renewal-list { display:none; }
.lp-sidebar-info ul li#expired .renewal-list a { color:#7b7b7b; text-align: underline; }
.home-room-id { padding-top:10px; }
.course-logo-sm { /*width:75px; height:50px;*/ width:120px; height:82px; background-size: cover; }
.lp-button { display: inline-block; background-color: silver; color: white; width: 131px; text-align: center; padding: 10px 0; font-size:10pt;
    text-transform: uppercase; }
.lp-button:hover { color:white; }
.lp-button-continue { background-color:#054379; }
.lp-button-start { background-color:#289124; }
.lp-button-renew { background-color:red/*rebeccapurple*/; }
.lp-progress-bar-container { width:250px; }
/* Front facing menu */
.public-menu { margin-bottom:0; }
.public-menu > li { display:inline-block; position:relative; }
.public-menu > li > a { display:block; color:#398DC7; padding:35px 10px 5px 10px; font-size: 15pt; }
.public-menu > li > a:hover { background-color:#398DC7; color:white; }
.public-menu > li.active_menu_item a { background-color:#398DC7; color:white; }
.public-menu > li.selected_menu_item > a,
.public-menu > li.selected_menu_item > ul.submenu > li.selected_menu_item > a { background-color:#398DC7; color:white; }
.public-menu .submenu { display:none; position: absolute; z-index: 999; padding:0; background-color:white;}
.public-menu li:hover .submenu { display:block; }
.public-menu .submenu a { display:block; color:#105087; text-transform:uppercase; width:200px; line-height:15px;
    padding:10px 5px; }
.public-menu .submenu a:hover { text-decoration:underline; }
.lp-test-data { display:none; }

/* Student menu */
.student-menu { list-style: none; margin: 0; padding: 0;}
.student-menu > li { display: inline-block; vertical-align: top; margin: 0 1px; float:left; position:relative;}
.student-menu > li > a { display: block; height: 39px; line-height: 39px; font-size: 14pt; padding: 0 12px; text-transform: uppercase; color: white; font-weight: 100;
	border-top: 1px solid #666; }
.student-menu > li > a:hover { background-color:#3a3a3a; border-color:#3a3a3a;}
.student-menu > li.active_menu_item > a { background-color: #3a3a3a; border-right: 1px solid white; border-left: 1px solid white; }
.student-menu .submenu { display:none; position: absolute; left:0; width:200px; background-color:#666; z-index: 9999; margin:0; padding:0; }
.student-menu li:hover .submenu { display:block; }
.student-menu .submenu li { padding:1px 5px; }
.student-menu .submenu li:first-child { margin-top:5px; }
.student-menu .submenu li:last-child { margin-bottom:5px; }
.student-menu .submenu li a { color:white; font-size: 13pt; display:block; padding:3px; background-color:#3a3a3a; }
.student-menu .submenu li a:hover { color:#666; }

.container { overflow-x: visible!important; }

.main-logo { max-width: none!important; }
.lp-school-logo { margin-left:20px; }
.k-state-selected { color:#428bca; }
/*.k-grid tr:hover { color:#428bca; }*/

/* Fixes no scroll bar in the topic course taking interface */
.container.reader_screen { overflow-y:scroll; }
.topic-holder .k-in, .topic-holder-forbiden .k-in { width:auto!important; }

.browser-info { margin-left: 40px; font-size: 10pt; font-style: italic; }
.old-browser { font-size:14pt; margin-left:40px; padding:10px; background-color:red; color:white; margin-left:36px; margin-top:15px; display:none;}
.old-browser a { color:white; text-decoration: underline; }
.no-courses-loaded { margin-left:40px; }
.no-courses-loaded h3 { font-size:13pt; }
.completed-courses-table td .lp-certificate { font-size:14px; height:auto; margin-top:0;}
.completed-container.k-grid { margin:16px 30px; }
.completed-container.k-grid table { width:auto; }
.profile-courses-table h3 { font-size: 14pt; padding:0; margin:0; margin-bottom:6px; }
.profile-courses-table h3 a { color:black; }
.profile-courses-table tr td { background-color:aliceblue; border-bottom:5px solid white; }
.profile-courses-table .lp-course-thumb { width:85px; }
.profile-courses-table .lp-course-title { width:300px; }

.top-ribbon { height:30px; padding:5px; background-color:black; }
.top-ribbon-list { padding:0; margin:0; text-align:right; }
.top-ribbon-list li { display:inline-block; margin-left:10px; }
.top-ribbon-list a { color:white; text-transform:uppercase; }
.top-ribbon .dropdown-menu { right:0; left:auto; top:30px; }

.course-menu-toggle { display:none; }

.k-overlay.loader-block-menu strong {
    color: white;
    font-size: 15pt;
    background: #3A8EC7;
    display: inline-block;
    padding: 10px;
}

@media screen and (max-width: 1450px) {
	.lp-course-list { max-width:95%; padding-right:30px; }
}

@media screen and (max-width: 1040px) {
	.single-course-page, .single-package-page { padding:0 20px; }
	.single-package-page .details-logo, .list-group-image { max-height: none; }
	#courses_grid .thumbnail { max-height: none; }
}

@media screen and (max-width: 1023px) {
	/* responsive course student views */
	.profile-courses-table .lp-course-thumb { border-top:10px solid white; }
	.profile-courses-table tr { border-bottom:10px solid white; }
	.profile-courses-table td { display:block; width:100%!important; border-bottom:0!important; }
	.lp-course-list { max-width:none!important; }
	.top-bar .logged-user .btn .name { display:inline-block; margin-top:8px; }
	.lp-divider { max-width: none!important; }
	.lp-course-list { padding-left:20px!important; }
	.profile-courses-holder { padding-right:6px; }
	.logged-user { text-align:right!important; display:block!important; }
	.lp-main { padding-top:23px; }
	.k-widget.k-window { width:90%!important; margin-left:5%; min-width:0!important; left:auto!important; }
	.k-animation-container {width:90%!important; left:5%!important; right:5%!important; overflow:hidden!important; }
	.row-responses textarea { width:90%!important; margin-left:3%; margin-top:10px; }
	.row-responses input { margin:10px; color:white; background:#428bca; border:0; padding:10px 5px; text-transform:uppercase; }
	.inbox .bottom .row .messages { padding-top:0; }
	.conversation-row { border-bottom:1px solid #d6d1d1; }
	.messages table { border-collapse:collapse; }
	.top-bar.reader_screen { height:auto; }
	.student-course-header-right, .student-course-header-left { width:auto!important; }
	.course-menu-container { position:fixed!important; }
	.course-menu-toggle { display:block; }
	.main-content-area { width:100%; }
	.course-menu-container { display:none; }
}

@media screen and (min-width: 1023px) {
	.course-menu-container { display:block; }
}
@media screen and (max-width: 800px) {
	.single-package-page #courses_grid a { pointer-events: none; }
	/* responsive course student views */
	.profile-courses-table tr {  border-bottom:10px solid white; }
	.profile-courses-table td { display:block; width:100%!important; border-bottom:0; }
	.lp-course-list { max-width:none!important; }
	.top-bar .logged-user .btn .name { display:inline-block; margin-top:8px; }
	.lp-sidebar-info #current, .lp-sidebar-info #completed { display:none; }
}

@media screen and (max-width: 750px) {
        .top-bar { height:auto; }
        .student-learning-portal .lp-left-panel, .left-panel-bg { left:-286px; }
		.lp-sidebar-info #current, .lp-sidebar-info #completed { display:none; }
        .sb-tab#sb-tab-open { display:block; }
        .student-learning-portal .profile-courses-holder { margin-left:0; }
    }

 /* Proctoring */
 .proctor-modal-body { padding:30px; font-size:12pt; }
 .proctor-modal-body h1 { margin-top:0; color: #428bca; }
 .proctor-modal-body .proctoring-price { font-weight: 600; font-size: 12pt; }
 .proctor-invitation input[type=email] { width:100%; }
 .proctor-invitation label { font-weight: 600; }
 .proctor-form-submit { text-align:right; }
 .proctor-unlock-screen select { background-color:transparent; }
 .proctor-modal-body input[type=text], .proctor-modal-body input[type=email] { border:1px solid black; width:60%; }
 .proctor-modal-body .blue-button, .proctor-unlock-screen #proctorStep2Submit, #proctoringStep1Submit { display: inline-block; background-color: #428bca; color: white; padding: 8px 16px;
 	text-transform: uppercase; font-weight: 600; margin-top: 10px; border:0; width:auto; }
  .proctor-modal-body input[type=checkbox] { border:0; width:auto; }
  @media screen and (max-width: 750px) {
  	 .proctor-modal-body input[type=text], .proctor-modal-body input[type=email] { width:100%; }
  }

.profile-page h3 { font-size: 18pt; }
.profile-page span.star { font-size: 1em; }
.private-holder { display:none; }
.k-animation-container { z-index:99999999999!important; }
.form-element-container { margin-bottom:16px; }

.k-item.k-state-selected {
	color: #000;
}

.bx-wrapper .bx-viewport {
-moz-box-shadow: 0 0 0 transparent!important;
-webkit-box-shadow: 0 0 0 transparent!important;
box-shadow: 0 0 0 transparent!important;
border: 0!important;
background: transparent!important; 
}

.certificate-download-options ul {list-style:none; padding:0; margin:0; }
.certificate-download-options ul li { cursor:pointer; display:inline-block; background-color:#428bca; color:white; margin-right:5px;
		padding:5px 10px; margin-top:10px;}

.certificate-buttons {
	margin: 4px 0;
}

.certificate-buttons .btn {
	margin: 4px;
	font-weight: bold;
}

.left-menu-wrapper { width:300px!important; }
.course-menu-container { z-index:99999; }
.course-menu-toggle { font-size:16pt; }