@charset "utf-8";

:root {
	--clr-primary: #e31d24;
}

/*Redesign Login*/
.main-container-login {
	min-height: 100%;
	position: relative;
	/* background-image: url(/CMS/site/images/login-main-bg.jpg); */
	background-color: #f2f2f2;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.main-container-ui {
	/* background-color: rgba(180, 46, 34, .2); */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	mix-blend-mode: multiply;
	-webkit-backdrop-filter: blur(13px);
	backdrop-filter: blur(13px);
}

.login-container {
	position: relative;
	z-index: 10;
}

.light-login .widget-box.login-box,
.light-login .widget-box.forgot-box {
	margin: 0;
	border: unset !important;
	box-shadow: unset;
	background-color: #fff;
}

.login-layout .login-box .widget-main,
.login-layout .widget-box .widget-main {
	background-color: #fff;
	padding: 35px;
}

.widget-title {
	font-size: 23px;
	color: var(--clr-primary);
	padding: 0 0 35px 0;
	text-align: center;
}

.logo {
	/* background-color: #fff; */
	/* border-bottom: 1px solid #e4e4e4; */
	padding: 35px;
}

.input-icon.input-icon-right > input {
	padding-left: 14px;
	padding-right: 24px;
	height: 48px;
	background-color: #fff !important;
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}

.input-icon.input-icon-right > input:focus {
	border-color: var(--clr-primary);
}

.login-container button {
	background-color: var(--clr-primary);
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	border: unset;
	width: 100%;
	padding: 10px;
}

.login-box button:hover {
	opacity: 0.7;
}

.ace input {
	margin: 0;
	display: flex;
	margin-right: 10px;
}

.login-box .toolbar,
.forgot-box .toolbar {
	background: #fff;
	border-top: unset;
	padding: 0 35px 35px 35px;
	text-align: center;
}

.login-box .forgot-password-link,
.forgot-box .back-to-login-link {
	color: #000;
	font-weight: lighter;
}

/*end Redesign Login*/

.main-container {
	position: relative;
	height: 100%;
}

/* CSS Document */
.FLLayerLvl1.active {
	background-color: #fff;
	color: #5d9aca;
	border: solid 2px #5d9aca;
}

.DivLayersSpecial {
	border-left: solid 1px #c7c7c8;
	border-right: solid 1px #c7c7c8;
}

.FLLayerLvl1 {
	border-radius: 15px;
	background-color: #5d9aca;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	color: #fff;
	margin: 5px;
	cursor: pointer;
	border: solid 2px #5d9aca;
}

.MenuFLLayers .active > span {
	background-color: transparent;
	border: 1px solid #5d9aca;
	color: #5d9aca;
}

.MenuFLLayers,
.MenuFLLayers ul {
	list-style: none;
}

.MenuFLLayers li span {
	background-color: #5d9aca;
	margin: 5px;
	width: 100%;
	display: block;
	padding: 10px;
	cursor: pointer;
	color: #fff;
	border: 1px solid transparent;
}

.DivViewFilesFilters {
	background-color: #eff2f8;
	padding: 20px;
}

.hasNotAccess {
	display: none;
}

.NOEDIT {
	display: none;
}

input[type="checkbox"].ace.ace-switch + .lbl {
	margin: 0px !important;
}

.ScoreLabel {
	font-size: 30px;
}

.ScorePrcnt {
	font-size: 60px;
}

footer span {
	color: #000;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
}

footer a {
	color: #000;
}

div#ctl00_cphMain_DivLessons table th:nth-child(6) {
	display: none;
}

div#ctl00_cphMain_DivLessons table td:nth-child(6) {
	display: none;
}

.JobItem {
	float: left;
	border: solid 1px #0e3d80;
	padding: 10px;
	margin: 10px;
	width: 40%;
}

.JobCode {
	text-align: right;
	font-weight: bold;
}

.JobTitle {
	font-weight: bold;
	margin-bottom: 10px;
}

.fa-newspaper-o.header-icon {
	content: url(/assets/images/landscape.png);
}

.fa-newspaper-o.header-icon2 {
	content: url(/assets/images/portrait.png);
}

.OkTxt {
	background-color: #fff !important;
	border-color: #b5b5b5 !important;
}

.ErrorTxt {
	background-color: #fefe9f !important;
	border: solid 1px #c82d2d !important;
}

.DisabledTxt {
	border: none !important;
	width: 100%;
}

.ErrorLbl {
	color: #c82d2d;
}

.loadingFullBody {
	position: absolute;
	z-index: 10000000000;
	width: 100%;
	height: 100%;
	background-color: #ccc;
}

/*h2{font-size:20px!important;}*/
img.editable-click {
	text-align: center;
}

li.light-green {
	display: none;
}

html,
body,
#form1 {
	font-family: "Ubuntu", sans-serif !important;
	height: 100% !important;
	background-color: #fff !important;
}

h1,
h2,
h3,
h4,
h5 {
	font-family: "Ubuntu", sans-serif !important;
}

.evaluation-output-inside.pull-left {
	margin-top: 10px;
	margin-left: 10px;
}

.fa {
	color: #4b87fd;
}

.input-icon > .ace-icon {
	color: #4b87fd;
}

.fa.fa-exclamation-triangle {
	color: #fac65c;
}

.fa-trash-o {
	color: #fac65c;
}

.ulAssets .fa {
	font-size: 21px;
}

.ace-nav .nav-user-photo {
	margin: -4px 8px 0 0;
	border-radius: 100%;
	border: 2px solid #fff;
	width: 30px;
	height: 30px;
	display: inline-block;
	background-color: #fff;
}

.nav-list > li > a > .menu-icon {
	color: #2e457d;
}

.widget-toolbar > a[data-action] > .ace-icon,
.widget-toolbar > .widget-menu > a[data-action] > .ace-icon {
	color: #4b87fd;
}

.wysiwyg-toolbar .fa {
	color: #fff;
}

.progress-bar-success {
	background-color: #36be33;
}

.table > thead > tr {
	color: #707070;
	font-weight: normal;
	/* background: #F2F2F2; */
	/* background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #ececec 100%); */
	background-image: -o-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
	/* background-image: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%); */
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0);
}

.main-container {
	position: relative;
}

h1 {
	border-bottom: dotted 1px #efefef;
	padding-bottom: 10px;
}

.navbar-header.pull-left > ul > li > img,
.navbar-header.pull-left > ul > li > span {
	padding: 10px;
	color: #fff;
}

.nav > li > a {
	height: auto !important;
}

.NotVisible {
	text-decoration: line-through;
}

.navbar-buttons .dropdown-menu.dropdown-closer.dropdown-menu-right {
	right: 0px !important;
}

.sidebar.responsive.menu-min {
	width: 43px !important;
}

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

.sidebar.menu-min + .main-content {
	margin-left: 43px !important;
}

.sidebar:before {
	background-color: #f7f7f9 !important;
	z-index: 1;
}

.sidebar ul.nav.nav-list {
	position: relative;
	z-index: 11;
}

.page-content {
	background-color: #f7f7f9 !important;
}

.main-content:before {
	display: block;
	content: "";
	position: absolute;
	z-index: -2;
	width: 100%;
	bottom: 0;
	top: 0;
	left: 0px;
	background-color: #fff;
}

.ulAssets {
	list-style: none;
}

.ulAssets li {
	background: #fbfbfb;
	border-bottom: solid 1px #ddd;
	padding: 5px;
}

.ulAssets a {
	text-decoration: none;
	color: #000;
}

.fluidMedia {
	position: relative;
}

.form1-right span#Label2,
.form2-right span#Label2,
.form1-left span#Label1,
.form2-left span#Label1 {
	font-size: 13px !important;
	height: 38px !important;
}

.form1-left i.fa.fa-search,
.form2-left i.fa.fa-search {
	background-color: #2a457e !important;
	color: #fff;
	padding-left: 3px;
	margin-top: 5px;
	margin-right: 5px;
}

.form1-left input#cmdBrowse,
.form2-left input#cmdBrowse {
	background-color: #2a457e !important;
	border: none;
	color: #fff;
	font-size: 16px;
	height: 34px !important;
	cursor: pointer;
}

.form1-right i.fa.fa-check-square-o,
.form2-right i.fa.fa-check-square-o {
	background-color: #2a457e !important;
	color: #fff;
	padding-left: 3px;
	margin-top: 5px;
}

.form1-right input#cmdShowInfo,
.form2-right input#cmdShowInfo {
	background-color: #2a457e !important;
	border: none;
	color: #fff;
	font-size: 16px;
	height: 34px !important;
	cursor: pointer;
}

.form1-left i.fa.fa-reply,
.form2-left i.fa.fa-reply {
	background-color: #2a457e !important;
	color: #fff;
	padding-left: 3px;
	margin-top: 5px;
}

.form1-left input#cmdParent,
.form2-left input#cmdParent {
	background-color: #2a457e !important;
	border: none;
	color: #fff;
	font-size: 16px;
	height: 34px !important;
	cursor: pointer;
}

.timeLineBodyAccess {
	float: left;
	margin-left: 10px;
}

.timelineTimeAccess {
	float: left;
	width: 200px;
	text-align: center;
}

.pull-left.Selected {
	color: #2a457e;
	font-weight: 600;
}

.timelineTime {
	float: left;
	width: 60px;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 20px;
}

div#ctl00_cphMain_upPanelNews .NewsItem .pull-left .text-right a.btn.btn-danger:after {
	content: "\f061";
	font-family: FontAwesome;
	position: relative;
	left: 5px;
}

div#ctl00_cphMain_upPanelNews .NewsItem .pull-left .col-sm-12 {
	padding-left: 0px;
	text-align: justify;
}

.LessonEduboard .timeline-container:before {
	left: 19px !important;
}

.LessonEduboard .timelineTime:before {
	content: "\f017";
	font-family: FontAwesome;
}

.LessonEduboard .timelineTime {
	float: none;
	width: auto;
	text-align: right;
	position: inherit;
}

.LessonEduboard .timelineMessage:before {
	content: "";
	display: block;
	position: absolute;
	left: -7px;
	top: 11px;
	width: 8px;
	height: 8px;
	border: 2px solid #dde4ed;
	border-width: 2px 0 0 2px;
	background-color: #fff;
	box-sizing: content-box;
	transform: rotate(-45deg);
	margin-left: 62px;
}

.EduboardMessages {
	max-height: 500px;
	overflow: auto;
}

.attachfile {
	font-size: 25px;
	margin-left: 10px;
	position: absolute;
	top: 2px;
	cursor: pointer;
}

.LessonEduboard #timeline-1 {
	width: 90%;
}

.LessonEduboard .timelineDelete:after {
	content: "\f014";
	font-family: FontAwesome;
}

.LessonEduboard .timelineDelete {
	float: none;
	width: 20px;
	text-align: right;
	position: absolute;
	bottom: 5px;
	right: 5px;
	cursor: pointer;
}

.LessonEduboard .timelineMessage {
	border: 1px solid #dde4ed;
	padding: 5px 8px 8px;
	margin-left: 60px;
}

.backIcon {
	background-image: url("/assets/images/back.png");
	height: 30px;
	width: 21px;
	margin-right: 10px;
}

.fluidMedia iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}

form#Form1 div i.fa.fa-search {
	background-color: #6fb3e0;
	color: #fff;
	position: relative;
	padding-left: 5px;
	margin-top: 10px;
}

form#Form1 div input#cmdBrowse {
	background-color: #6fb3e0 !important;
	border-color: #6fb3e0;
	color: #fff;
	padding: 0px 15px 0px 7px;
	border: none;
	font-size: 14px;
	cursor: pointer;
	height: 35px !important;
	font-family: "Ubuntu", sans-serif !important;
}

form#Form1 div i.fa.fa-reply {
	background-color: #6fb3e0;
	color: #fff;
	padding-left: 5px;
	margin-top: 10px;
	margin-left: 15px;
}

form#Form1 div i.fa.fa-check-square-o {
	background-color: #6fb3e0;
	color: #fff;
	padding-left: 5px;
	margin-top: 10px;
}

form#Form1 div input#cmdParent {
	background-color: #6fb3e0 !important;
	border-color: #6fb3e0;
	color: #fff;
	padding: 0px 7px 0px 7px;
	border: none;
	font-size: 14px;
	cursor: pointer;
	height: 35px !important;
	font-family: "Ubuntu", sans-serif !important;
}

a.notificationTitle {
	color: #3d3d3f !important;
}

form#Form1 div input#cmdShowInfo {
	background-color: #6fb3e0 !important;
	border-color: #6fb3e0;
	color: #fff;
	padding: 0px 15px 1px 7px;
	border: none;
	font-size: 14px;
	cursor: pointer;
	height: 35px !important;
	font-family: "Ubuntu", sans-serif !important;
}

form#Form1 div div span {
	font-size: 14px !important;
	height: 35px !important;
	color: #478fca;
	margin-top: 15px;
}

form#Form1 div div select#lstDirs {
	width: 310px !important;
}

#cboxContent {
	border: none !important;
}

#cboxClose {
	position: absolute;
	top: 0px !important;
	background: url(images/controls.png) no-repeat -25px 0;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
	border-radius: 16px;
	right: 0px !important;
}

:focus {
	outline: none !important;
}

.form1-right div select#lstFiles {
	width: 300px !important;
	height: 208px !important;
}

.form1-right {
	margin-right: 60px;
}

.form1-left {
	margin-left: 60px;
}

.contact-top {
	margin-top: 0px;
}

.form_left {
	margin-left: 60px;
}

.form_right {
	margin-right: 60px;
}

.form_left span#Label1 {
	font-size: 13px !important;
	height: 24px !important;
}

.form_right span#Label2 {
	font-size: 13px !important;
	height: 24px !important;
}

.form_left i.fa.fa-search {
	background-color: #2a457e;
	color: #fff;
	padding-left: 3px;
	margin-top: 5px;
}

.form_left input#cmdBrowse {
	background-color: #2a457e;
	border: none;
	color: #fff;
	font-size: 16px;
	height: 34px !important;
	cursor: pointer;
}

.form_left i.fa.fa-reply {
	background-color: #2a457e;
	color: #fff;
	padding-left: 3px;
	margin-top: 5px;
}

.form_left input#cmdParent {
	background-color: #2a457e;
	border: none;
	color: #fff;
	font-size: 16px;
	height: 34px !important;
	cursor: pointer;
}

.form_right i.fa.fa-check-square-o {
	background-color: #2a457e;
	color: #fff;
	padding-left: 3px;
	margin-top: 5px;
}

.form_right input#cmdShowInfo {
	background-color: #2a457e;
	border: none;
	color: #fff;
	font-size: 16px;
	height: 34px !important;
	cursor: pointer;
}

.form_left select#lstDirs {
	width: 320px !important;
}

div#ctl00_cphMain_upPanelAccessStatistics .pagination a {
	padding: 6px 12px;
	background-color: #f9f9f9;
	border: 1px solid #d9d9d9;
	color: #777;
}

div#ctl00_cphMain_upPanelAccessStatistics .pagination a.active {
	background-color: #6faed9;
	border-color: #6faed9;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	z-index: 2;
}

.col-md-6.col-sm-6.e-learning {
	margin-top: 1rem;
}

.LessonContainer {
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 4px;
	transition: all 0.2s ease-in-out;
	min-height: 280px;
}

.LessonContainer:hover {
	border-color: #337ab7;
}

.main-container {
	min-height: 100%;
}

.page-contentInner1 {
	min-height: 100%;
}

.page-contentInner2 {
	min-height: 100%;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	font-family: "Ubuntu", sans-serif !important;
}

.input-group-addon {
	border: none !important;
}

.bgGray {
	background-color: #eee;
}

.txtareaEditor,
.txtareaEditor2 {
	display: none;
}

.profile-picture,
.template-picture {
	width: 100px;
}

.template-picture {
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 4px;
	display: inline-block;
	max-width: 100%;
	box-sizing: border-box;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.selectedNode {
	font-weight: bold;
	color: #f00;
}

.LayerEdit {
	position: relative;
}

.upProgress2 {
	position: absolute;
	top: -25%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	background-color: #ddd;
	width: 100%;
	height: 126%;
	/* min-height: 70px; */
	border-radius: 20px;
	left: -1px;
	z-index: 100;
}

.upProgress {
	position: absolute;
	top: 0%;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */
	filter: alpha(opacity=50);
	/* Netscape */
	-moz-opacity: 0.5;
	/* Safari 1.x */
	-khtml-opacity: 0.5;
	/* Good browsers */
	opacity: 0.5;
	background-color: #ddd;
	width: 100%;
	height: 100%;
	min-height: 70px;
	border-radius: 20px;
	left: -1px;
	z-index: 100;
}

.upProgress center {
	position: relative;
	top: 40%;
}

.treebtns {
	float: right;
}

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

.editable-error-block {
	display: none !important;
}

.iconSearch {
	position: relative;
	top: -1px;
	cursor: pointer;
}

.dataTables_length {
	float: left;
}

.dataTables_filter {
	float: right;
}

.icon-percent::before {
	content: "%";
	font-weight: bold;
	position: relative;
	left: -18px;
	top: 7px;
}

.tab-content {
	min-height: 70px;
}

.col-md-6.e-learning h2 {
	font-size: 32px;
	text-align: center;
	color: #3a3a3a !important;
	font-weight: 400;
	margin-top: 5px;
	margin-bottom: 2px;
}

.col-md-6.e-learning h4 {
	font-size: 23px;
	text-align: center;
	color: #3a3a3a !important;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 2px;
}

.e_college {
	font-size: 20px;
}

.e_college ul li:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 15px;
	background-color: #2a457e;
	position: relative;
	right: 5px;
	bottom: 1px;
}

.e_college ul li:first-child:before {
	content: none !important;
}

.telephone span.phone:before {
	content: url("/cms/site/images/phone.png");
	position: relative;
	top: 5px;
	right: 5px;
}

.mail .glyphicon-envelope:before {
	content: url("/cms/site/images/mail1.png");
}

.mail a {
	font-size: 18px;
	font-weight: 600;
	color: #2a457e;
}

.e_college li {
	list-style: none;
	margin: 5px;
	display: inline-block;
	color: #2a457e;
	margin-top: 0px;
}

.e_college ul {
	margin-right: 35px;
}

.telephone span.phone {
	font-size: 18px;
	/*color: #2a457e;*/
	font-weight: 600;
	/*padding-right: 30px;*/
}

.telephone {
	text-align: right;
}

.mail {
	text-align: right;
	/* padding-left: 35px; */
	margin-top: 4rem;
}

span.glyphicon.glyphicon-envelope {
	font-size: 20px;
	position: relative;
	right: 4px;
	top: 3px;
	color: #12188d;
}

.DivShowTable .panel-group .panel-default .panel-heading .panel-title a.accordion-toggle.collapsed:before {
	padding: 8px 0px 8px 10px;
}

.DivShowTable .panel-group .panel-default .panel-heading .panel-title a.accordion-toggle:before {
	padding: 8px 0px 8px 10px;
}

.elfinder .elfinder-button {
	box-sizing: content-box;
}

.elfinder-button-search {
	line-height: 50px;
	display: none !important;
}

.header-icon {
	font-size: 32px;
	margin-left: 5px;
}

.widget-body .table a {
	color: #000;
	font-weight: 600;
}

.fa-calendar-o.header-icon {
	color: #4d8ebe;
}

.fa-bell.header-icon {
	color: #892f65;
}

.fa-tasks.header-icon {
	color: #585858;
}

.fa-pie-chart.header-icon {
	color: #87b87f;
}

.fa-newspaper-o.header-icon {
	color: #f99825;
}

.navbar-container {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.navbar-header {
	min-width: 220px !important;
	text-align: center;
}

.navbar-brand {
	float: none !important;
	text-align: center;
	display: block;
}

.breadcrumb > li > a {
	color: #2a457e !important;
}

.LessonTitle {
	min-height: 40px;
}

.LessonCover img {
	display: inline;
}

.tab-content {
	background-color: #fff;
}

.widget-main .tab-content {
	border-width: inherit;
}

/*magda*/
h1 {
	color: #3d3d3f !important;
	font-size: 24px;
}

h2,
h3,
h4,
h5 {
	color: #3d3d3f !important;
}

.navbar {
	background-color: #2a457e !important;
	border-bottom: 1px solid #cccccc !important;
}

.navbar-header {
	background-color: #2a457e;
}

.page-content .col-xs-12 h1 {
	border-bottom: dotted 1px #2a457e !important;
}

.no-skin .sidebar-toggle {
	background-color: #f4f6f9;
	border-color: #e0e0e0;
}

.no-skin .nav-list > li .submenu > li.active > a > .menu-icon {
	color: #2a457e;
}

.sidebar {
	background-color: #edeceb !important;
}

.no-skin .nav-list > li > a {
	background-color: #f4f6f9 !important;
	color: #000 !important;
}

.no-skin .nav-list > li.active > a,
.no-skin .nav-list > li:hover > a {
	color: #2a457e !important;
	font-weight: normal;
}

.no-skin .nav-list > li > .submenu li.open > a,
.no-skin .nav-list > li > .submenu li:hover > a {
	color: #2a457e !important;
}

.no-skin .nav-list li.active > a:after,
.no-skin .nav-list li.open > a:after {
	border-right-color: #2a457e !important;
	-moz-border-right-colors: #2b7dbc !important;
}

.no-skin .nav-list > li.active:after {
	content: none;
}

.no-skin .nav-list > li .submenu > li.active:not(.open) > a:hover {
	background-color: transparent;
}

.no-skin .nav-list > li .submenu > li.active:not(.open) > a {
	background-color: transparent;
}

.no-skin .nav-list > li .submenu > li > a:hover {
	background-color: transparent;
}

.nav-list > li > .submenu > li:before {
	content: none;
}

.nav-list > li > .submenu:before {
	content: none;
}

.nav-list > li .submenu > li > a {
	border-top-style: solid;
}

.no-skin .nav-list > li .submenu > li > a {
	border-top-color: #e6e2e1 !important;
	background-color: #fff !important;
	color: #000 !important;
}

.no-skin .nav-list > li {
	border-color: #e6e2e1 !important;
}

.widget-header {
	background: #eff0f4;
}

.widget-box {
	border: none !important;
}

.widget-header h5 {
	color: #000 !important;
	font-size: 18px;
}

.widget-body {
	background-color: #f7f7f9 !important;
}

.breadcrumbs {
	background-color: #edf1f6 !important;
}

.LessonContainer:hover {
	border-color: #2a457e !important;
}

.LessonTitle a {
	color: #2a457e !important;
	font-weight: 600;
}

.accordion-toggle {
	color: #de4034 !important;
}

.accordion-toggle.collapsed {
	color: #000 !important;
}

.accordion-style2.panel-group .panel-heading .accordion-toggle,
.accordion-style1.panel-group .panel-heading .accordion-toggle {
	border-color: #de4034 !important;
}

.label-colour {
	background-color: #de4034 !important;
}

.label-colour.arrowed:before {
	border-right-color: #de4034 !important;
}

.label-colour.arrowed-right:after {
	border-left-color: #de4034 !important;
}

.ace-nav > li.light-blue > a {
	background-color: #2a457e !important;
}

.nav-tabs {
	border-color: #dddddd !important;
}

.nav-tabs > li > a,
.nav-tabs > li > a:focus {
	border-radius: 0 !important;
	border-color: #dddddd !important;
	background-color: #f9f9f9 !important;
	color: #000 !important;
	margin-right: -1px;
	line-height: 18px;
	position: relative;
	font-size: 13px;
	font-weight: 600;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
	border-top: 2px solid #2a457e !important;
	color: #2a457e !important;
	border-bottom-color: transparent !important;
	background-color: #fff !important;
	z-index: 1;
	line-height: 18px;
	margin-top: -1px;
	box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
	font-weight: bold;
	font-size: 14px;
}

.nav-tabs > li > a:hover {
	background-color: #fff !important;
	color: #2a457e !important;
	border-color: #c5d0dc !important;
}

.tab-content {
	border: 1px solid #dddddd !important;
}

.table.table-striped.table-bordered.table-hover td {
	color: #000 !important;
}

.table-striped th {
	color: #000 !important;
	font-weight: 600;
	font-size: 13px;
}

/*.table-striped td {border: none!important;}*/
.table-striped > tbody > tr > td > .fa.fa-clock-o {
	font-size: 15px;
	color: #203472 !important;
	padding: 5px;
	padding-right: 9px;
}

.table-striped > tbody > tr > td > .fa.fa-bell {
	font-size: 15px;
	color: #203472 !important;
	padding: 5px;
	padding-right: 9px;
}

.table-striped > tbody > tr > td > .fa.fa-calendar-o {
	font-size: 15px;
	color: #203472 !important;
	padding: 5px;
	padding-right: 9px;
}

.table-striped > tbody > tr > td > span.badge.badge-important {
	font-size: 20px;
	border-radius: 10px;
	padding: 3px 6px 5px 6px;
	position: absolute;
}

.table-striped td.date1 span {
	font-size: 14px;
	margin-left: 3%;
}

.table-striped td.time span {
	font-size: 14px;
	margin-left: 3%;
}

a.btn.btn-danger,
.btn-info,
.btn {
	background: #173070 !important;
	border-color: #173070;
	border-radius: 30px !important;
	padding-left: 50px;
	padding-right: 50px;
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
	color: #fff;
	background-color: #173070;
	border-color: #173070;
}

.btn:hover,
.btn:active,
.open .btn.dropdown-toggle {
	color: #fff;
	background-color: #173070 !important;
	border-color: #173070 !important;
}

.btn-info {
	margin-top: 0px;
}

.btnCreate {
	margin-bottom: 10px;
}

.btn .fa,
.btn-danger .fa {
	color: #fff;
}

.table-striped td.pros {
	width: 15%;
}

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

.widget-main .btn {
	margin-top: 20px;
}

.LessonMenu .chosen-container-single .chosen-single div b {
	background: none !important;
}

.LessonMenu .chosen-container-single .chosen-single div b:before {
	display: block;
	width: 100%;
	height: 100%;
	content: "\f107";
	font-family: FontAwesome;
	color: #fff;
	position: relative;
	left: 10px;
	font-size: 20px;
	top: 2px;
}

.LessonMenu .chosen-container-single .chosen-single div {
	width: 32px !important;
	height: 100%;
	background-color: #2a457e;
}

.LessonMenu .chosen-container-single .chosen-single {
	height: 35px !important;
	border-radius: 0px !important;
	width: auto;
}

.LessonMenu .chosen-container .chosen-results li.highlighted {
	background-color: #2a457e !important;
	background-image: linear-gradient(#2a457e 20%, #2a457e 90%) !important;
	color: #fff;
}

.top-header {
	background-color: #fff;
}

header .e-learning h1 {
	text-align: center;
	color: #3d3d3f !important;
	font-size: 20px;
	border: none !important;
}

.panel-body {
	padding: 0px;
}

.accordion-style1.panel-group .panel {
	border-radius: 0;
	border-color: #cdd8e3;
	background-color: #fff;
	box-shadow: none;
}

.accordion-style1.panel-group .panel:last-child {
	border-bottom-width: 1px;
}

.accordion-style1.panel-group .panel .collapse {
	background-color: #fff;
}

.accordion-style1.panel-group .panel + .panel {
	margin-top: 2px;
}

.accordion-style1.panel-group .panel-heading + .panel-collapse .panel-body {
	border-top-color: #cdd8e3 !important;
}

.accordion-style1.panel-group .panel-heading {
	padding: 0;
}

.accordion-style1.panel-group .panel-heading .accordion-toggle {
	color: #0fabb1;
	background-color: #eef4f9;
	position: relative;
	font-size: 16px;
	line-height: 1;
	padding: 10px;
	display: block;
}

.accordion-style1.panel-group .panel-heading .accordion-toggle.collapsed {
	color: #478fca;
	font-weight: normal;
	background-color: #f9f9f9;
}

.accordion-style1.panel-group .panel-heading .accordion-toggle:hover {
	color: #2a457e !important;
	background-color: #f1f8fd;
	text-decoration: none;
}

.accordion-style1.panel-group .panel-heading .accordion-toggle:focus,
.accordion-style1.panel-group .panel-heading .accordion-toggle:active {
	outline: none;
	text-decoration: none;
}

.accordion-style1.panel-group .panel-heading .accordion-toggle > .ace-icon:first-child {
	width: 16px;
}

.accordion-style1.panel-group .panel-heading .accordion-toggle:hover > .ace-icon:first-child {
	text-decoration: none;
}

.accordion-style1.panel-group .panel-body,
.accordion-style1.panel-group .collapse.in > .panel-body {
	border-top: 1px solid #cdd8e3;
}

.accordion-style1.panel-group.no-padding {
	padding: 0;
}

.accordion-style2.panel-group .panel {
	border-width: 0;
}

.accordion-style2.panel-group .panel:last-child {
	border-bottom-width: 0;
}

.accordion-style2.panel-group .panel + .panel {
	margin-top: 4px;
}

.accordion-style2.panel-group .panel .panel-body {
	border-top: none;
}

.accordion-style2.panel-group .panel-heading .accordion-toggle {
	background-color: #edf3f7;
	border: 2px solid #6eaed1;
	border-width: 0 0 0 2px;
}

.accordion-style2.panel-group .panel-heading .accordion-toggle:hover {
	text-decoration: none;
}

.accordion-style2.panel-group .panel-heading .accordion-toggle.collapsed {
	background-color: #f3f3f3;
	color: #606060;
	border-width: 0 0 0 1px;
	border-color: #d9d9d9;
}

.accordion-style2.panel-group .panel-heading .accordion-toggle.collapsed:hover {
	background-color: #f6f6f6;
	color: #2a457e;
	text-decoration: none;
}

.accordion-style2.panel-group .panel-body,
.accordion-style2.panel-group .collapse.in > .panel-body {
	border-top: none;
}

.accordion-style2.panel-group .accordion-style2.panel-group .panel {
	border-bottom: 1px dotted #d9d9d9;
}

.accordion-style2.panel-group .accordion-style2.panel-group .panel:last-child {
	border-bottom: none;
}

.accordion-style2.panel-group .accordion-style2.panel-group .panel .panel-heading,
.accordion-style2.panel-group .accordion-style2.panel-group .panel .panel-heading .accordion-toggle {
	background-color: transparent;
	border-width: 0;
	font-size: 13px;
	padding-top: 6px;
	padding-bottom: 8px;
}

.accordion-style2.panel-group .accordion-style2.panel-group .panel .panel-heading {
	padding-top: 0;
	padding-bottom: 0;
}

.panel-group > .panel-default > .panel-collapse > .panel-body > .panel-group > .panel-default > .panel-collapse > .panel-body > .panel-group > .panel-default > .panel-heading > .panel-title > a {
	color: #2a457e !important;
	background: none !important;
	background-color: #fff !important;
	border-left: none;
	font-weight: 600;
	padding-left: 20px;
	margin-bottom: 0px;
}

.LessonStructure .panel-group .panel-default .panel-collapse .panel-body .panel-group .panel-default .panel-heading .panel-title a {
	color: #2a457e !important;
	background-color: #f7f4f3 !important;
	border-left: none;
	font-weight: 600;
	font-size: 14px;
	border-bottom: none !important;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.panel-group .panel-default .panel-collapse .panel-body .panel-group .panel-default .panel-heading .panel-title a:before {
	content: "";
	background-color: transparent;
	border-bottom: none;
}

.panel-default > .panel-heading {
	background-color: transparent;
}

.panel-group .panel-default .panel-heading .panel-title a {
	color: #393939 !important;
	background-color: #fff !important;
	border-bottom: 1px solid #2a457e !important;
	font-weight: 600 !important;
	border-left: none;
	padding: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
	font-size: 16px;
}

.panel-group .panel-default .panel-heading .panel-title a.accordion-toggle.collapsed:before {
	content: "\f105";
	position: absolute;
	left: 0px;
	background-color: #2a457e;
	padding: 8px 10px 8px 10px;
	float: left;
	margin-right: 10px;
	color: #fff;
	font-size: 18px;
	font-family: FontAwesome;
	text-align: center;
	bottom: -1px;
	left: -40px;
}

.panel-group .panel-default .panel-heading .panel-title a.accordion-toggle:before {
	content: "\f107";
	position: absolute;
	left: 0px;
	background-color: #2a457e;
	padding: 8px 10px 8px 10px;
	float: left;
	min-width: 40px;
	margin-right: 10px;
	color: #fff;
	font-size: 18px;
	font-family: FontAwesome;
	text-align: center;
	bottom: -1px;
	left: -40px;
}

.LessonMenu .panel-group .panel-default .panel-heading .panel-title a.accordion-toggle.collapsed:before {
	content: none;
	position: absolute;
	left: 0px;
	background-color: #eb7640;
	padding: 8px 10px 8px 10px;
	float: left;
	margin-right: 10px;
	color: #fff;
	font-size: 18px;
	font-family: FontAwesome;
	text-align: center;
	bottom: -1px;
	left: -40px;
}

.LessonMenu .panel-group .panel-default .panel-heading .panel-title a.accordion-toggle:before {
	content: none;
	position: absolute;
	left: 0px;
	background-color: #eb7640;
	padding: 8px 10px 8px 10px;
	float: left;
	min-width: 40px;
	margin-right: 10px;
	color: #fff;
	font-size: 18px;
	font-family: FontAwesome;
	text-align: center;
	bottom: -1px;
	left: -40px;
}

.LessonMenu .panel-heading .accordion-toggle:after {
	font-family: "Glyphicons Halflings";
	content: "\e114";
	float: right;
	color: grey;
}

.LessonMenu .panel-heading .accordion-toggle.collapsed:after {
	content: "\e080";
}

div#ctl00_cphMain_DivLeftMenu {
	margin-top: 20px;
}

.LessonMenu .panel-group .panel-default .panel-heading .panel-title a {
	margin-left: 10px;
}

.panel-group .panel-default .panel-heading .panel-title a {
	content: "";
	background-color: transparent !important;
}

.panel-group .panel-default .panel-collapse .panel-body .panel-group .panel-default .panel-collapse .panel-body .panel-group .panel-default .panel-collapse .panel-body .ulAssets .pull-left:before {
	content: "\f054";
	position: relative;
	right: 4px;
	font-family: FontAwesome;
	font-size: 9px;
}

.panel-group {
	margin-bottom: 0px;
}

.ulAssets {
	list-style: none;
	margin-left: 40px;
}

/*.LessonStructure .ulAssets li:nth-child(odd) {background: #eee;}*/
.ulAssets li:hover {
	background-color: #ececec;
}

.ulAssets li:last-child {
	border-bottom: none;
}

.ulAssets li a {
	color: #000;
}

.ulAssets li {
	background: #fbfbfb;
	border-bottom: solid 1px #ddd;
	padding: 5px;
	padding-left: 22px;
}

.main-menu ul {
	margin-left: 0px;
}

.contact .col-md-2 {
	padding-left: 0px;
	padding-right: 0px;
}

.contact .col-md-10.text-left {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
}

.contact .col-md-3 {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: -45px;
}

.contact .col-md-2.fax {
	margin-left: -20px;
}

.contact .col-md-2.mail_footer {
	margin-left: -20px;
}

.contact .col-md-2.clock {
	margin-left: -20px;
}

.FooterLastCol {
	padding-left: 90px;
}

.visa.col-md-4 img {
	margin-top: 3%;
	margin-right: 0px;
}

.power.col-md-8.col-sm-12.col-xs-12 h3 {
	font-size: 13px;
	color: #393939 !important;
}

.visa h3 {
	font-size: 13px;
	color: #393939 !important;
}

.visa a {
	font-size: 13px;
	color: #393939 !important;
}

.fa-sign-in:before {
	content: "\f061";
}

.power h3 {
	font-size: 13px;
	color: #393939;
}

.power.col-md-8 {
	padding-left: 0px;
}

.footer-down.col-md-12 {
	padding-left: 0px;
}

.ulAssets .pull-right img {
	margin-left: 5px;
}

.LessonMenu .panel-group {
	margin-top: 10px;
}

.panel-group {
	margin-bottom: 0px;
}

.LessonMenu .panel-group:last-of-type .panel-default {
	border-bottom: none !important;
}

.chosen-container-single .chosen-single {
	color: #757476 !important;
	font-weight: normal !important;
	font-size: 13px !important;
	background-color: #fff !important;
}

.ui-sortable .panel-group .panel-default .panel-heading .panel-title a {
	color: #393939 !important;
}

.ui-sortable .panel-group .panel-default .collapse.in .panel-body .panel-group .panel-default .panel-title a {
	color: #2a457e !important;
	border-bottom: none !important;
	font-size: 14px;
}

.ui-sortable .panel-group .panel-default .collapsing .panel-body .panel-group .panel-default .panel-title a {
	color: #eb7640 !important;
	border-bottom: none !important;
	font-size: 14px;
}

.ui-sortable .panel-group .panel-default .panel-collapse .panel-body .panel-group .panel-default .panel-collapse .panel-body .panel-group .panel-collapse .table {
	width: 87%;
	max-width: 100%;
	margin-left: 4%;
}

.panel-body {
	padding-left: 10px;
}

.LessonMenu h2 {
	background: url("/cms/site/images/shape_2.png");
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	text-align: center;
	border-radius: 0px 0px 100% 100%;
	position: relative;
	z-index: 3;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0px;
}

.LessonMenu {
	background-color: #fff;
}

.LessonMenu .UnitAssets li {
	margin: 5px;
	padding: 5px;
}

.LessonMenu .UnitAssets li a:before {
	content: none;
	font-family: FontAwesome;
	position: relative;
	right: 5px;
}

.LessonMenu .UnitAssets li a {
	color: #5a4f49;
	text-decoration: none;
}

.LessonMenu .UnitAssets li:hover {
	background-color: #ebeceb;
}

.LessonMenu .UnitAssets {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.LessonMenu .UnitAssets .pull-left {
	width: 90%;
}

.UnitAssets li .pull-left {
	height: 25px;
}

.LessonMenu .panel-group,
.LessonMenu .panel,
.LessonMenu .accordion-style1.panel-group .panel .collapse {
	background-color: transparent !important;
}

.LessonMenu .panel {
	border-bottom: solid 2px #4b87fd !important;
	padding-bottom: 10px;
}

.LessonMenu .ddlUnits {
	width: 100%;
	margin-top: 10px;
}

.LessonMenu .accordion-style2.panel-group .panel-heading .accordion-toggle {
	background-color: transparent !important;
	border: none !important;
	padding: 0px !important;
}

/*menu*/

.main-menu > ul > li > a {
	transition: all 0.35s ease;
	overflow: hidden;
	position: relative;
	padding: 1px 0;
	margin-right: 5px;
	border: none;
	z-index: 3;
	display: inline-block;
}

/*.main-menu > ul > li > a:after, .main-menu > ul > li > a:before {
	content:'';
	position:absolute;
	width:100%;
	height:1px;
	background:#325a29;
}*/
.main-menu > ul > li > a:before {
	left: -100%;
	bottom: 0;
}

.main-menu > ul > li > a:after {
	left: 100%;
	top: 0;
}

.main-menu > ul > li > a:hover:before {
	left: 100%;
	bottom: 0;
}

.main-menu > ul > li > a:hover:after {
	left: -100%;
	top: 0;
}

.main-menu > ul > li.active > a,
.main-menu > ul > li.active > a,
.main-menu > ul > li:hover a,
.main-menu > ul > li:hover a {
	color: #325a29;
}

.main-menu > ul > li.active > a:after,
.main-menu > ul > li.active > a:before,
.main-menu > ul > li:hover a:after,
.main-menu > ul > li:hover a:before {
	transition: all 0.65s ease;
}

.logo img {
	margin-top: 5px;
	margin-bottom: 5px;
	/*width: 30%;
	min-width: 145px;*/
	max-height: 85px;
}

.menu {
	font-size: 1.2em;
	line-height: 1.25em;
	position: relative;
	bottom: -107px;
}

.main-menu {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}

.main-menu ul {
	list-style: none;
	padding: 0;
	display: block;
	z-index: 99999;
	max-width: 650px;
}

.main-menu ul:after {
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	clear: both;
	visibility: hidden;
}

.main-menu ul li {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}

.main-menu ul li a {
	text-decoration: none;
	display: block;
	margin: 0;
	transition: color 0.2s ease;
}

.main-menu ul li ul {
	position: absolute;
	left: -9999px;
	top: auto;
	background-color: #f8f8f8;
	border-radius: 5px;
	border: solid 1px #e7e7e7;
}

.main-menu ul li ul li {
	position: absolute;
	transition: max-height 0.4s ease-out;
}

.main-menu ul li ul li.hasChildren:after {
	display: block;
	position: absolute;
	content: "";
	height: 10px;
	width: 10px;
	border-radius: 5px;
	background: #000000;
	z-index: 1;
	top: 13px;
	right: 15px;
}

.main-menu ul li ul li.hasChildren:before {
	display: block;
	position: absolute;
	content: "";
	height: 0;
	width: 0;
	border: 3px solid transparent;
	border-left-color: #ffffff;
	z-index: 2;
	top: 15px;
	right: 15px;
}

.main-menu ul li ul li a {
	font-size: 11px;
	font-weight: 400;
	text-transform: none;
	color: #000000;
	letter-spacing: 0;
	display: block;
	width: 190px;
	padding: 11px 20px 11px 20px;
	word-wrap: break-word;
}

.main-menu ul li ul li:hover > ul {
	left: 100%;
	top: 0;
	z-index: 99999;
}

.main-menu ul li ul li:hover > ul > li {
	max-height: 72px;
	position: relative;
}

.main-menu > ul > li {
	float: left;
}

.main-menu > ul > li.hasChildren {
	padding-right: 15px;
}

.main-menu > ul > li.hasChildren:before {
	content: "";
	border: 4px solid transparent;
	border-top-color: #284e95;
	z-index: 2;
	height: 0;
	width: 0;
	position: absolute;
	right: 6px;
	top: 8px;
}

.main-menu > ul > li > a {
	color: #000;
	padding: 0px;
	z-index: 2;
	position: relative;
	width: auto;
	margin: 0 5px;
}

.main-menu > ul > li:hover:after,
.main-menu > ul > li.active:after {
	height: 100%;
}

.main-menu > ul > li:hover > ul {
	left: 0;
}

.main-menu > ul > li:hover > ul > li {
	max-height: 72px;
	position: relative;
}

.main-menu ul li.active,
.main-menu ul li:hover {
	background-color: #eee;
}

.main-menu .menu-button {
	display: none;
}

.main-content {
	min-height: 715px;
	overflow: hidden;
	background-color: #f7f7f9;
}

/*end menu*/

.pagination a {
	padding: 6px 12px;
	/*background-color: #f9f9f9;*/
	border: 1px solid #d9d9d9;
	color: #777;
}

.pagination a.active {
	background-color: #6faed9;
	border-color: #6faed9;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	z-index: 2;
}

footer {
	background-color: #fff;
	margin-left: 220px;
}

footer .main-menu > ul > li {
	float: none;
}

footer .main-menu > ul > li {
	border-right: none;
}

footer,
footer a {
	font-size: 12px;
}

footer .main-menu > ul > li ul {
	display: none;
}

footer .main-menu > ul > li:before {
	border: none !important;
}

footer h4 {
	color: #2a457e !important;
	font-size: 15px;
	font-weight: 600;
}

footer .col-md-6 {
	padding-left: 0px;
	padding-right: 0px;
}

footer .main-menu > ul > li > a {
	padding-left: 0px;
	padding-right: 0px;
	font-size: 13px;
	color: #393939 !important;
	font-weight: 600;
}

footer .col-md-6.text-center {
	padding-left: 0px;
}

footer .col-md-4.text-left {
	padding-left: 0px;
}

footer .contact .col-md-10 .glyphicon {
	color: #eb7640;
}

footer .contact .col-md-10 .fa {
	color: #eb7640;
}

footer .contact {
	margin-top: 15px;
	margin-bottom: 15px;
}

footer .contact h4 {
	margin: 0px;
	padding: 0px;
}

.main-menu > ul > li {
	border-right: solid 1px #ec7533;
}

.main-menu > ul > li:last-child {
	border-right: none;
}

.main-menu > ul > li > a {
	color: #5a4f4a;
	padding-left: 9px;
	padding-right: 8px;
	font-size: 16px;
}

.main-menu ul li.active,
.main-menu ul li:hover {
	background: none;
}

.main-menu ul li.active > a,
.main-menu ul li:hover > a {
	color: #ffac0b !important;
}

.main-menu ul li ul {
	border-radius: 0px;
	background-color: #e0dfdb;
	border: none;
	border-top: solid 5px #eb7d4a;
}

.main-menu ul li ul li:hover > ul {
	top: -5px;
	background-color: #f1f3f2;
}

.main-menu ul li ul li > a {
	color: #5a4f49 !important;
	font-size: 16px;
	width: 210px;
}

.main-menu ul li ul li.active,
.main-menu ul li ul li:hover {
	background-color: #f1f3f2;
}

.main-menu ul li ul li ul li > a {
	color: #5a4f49 !important;
	width: 270px;
	padding: 4px 20px 4px 20px;
}

.main-menu ul li ul li ul li.active > a,
.main-menu ul li ul li ul li:hover > a {
	color: #01a5ae !important;
}

.main-menu ul li ul li ul li ul li > a {
	color: #000 !important;
}

.main-menu ul li ul li ul li ul li.active > a,
.main-menu ul li ul li ul li ul li:hover > a {
	color: #01a5ae !important;
}

/*magda*/

.InVisible {
	display: none;
}

.NotificationsItem img {
	max-width: 100%;
}

[class*="widget-color-"] > .widget-header > .widget-toolbar > [data-action],
[class*="widget-color-"] > .widget-header > .widget-toolbar > .widget-menu > [data-action] {
	color: #e2e2e2;
}

.fullscreen .widget-body,
.fullscreen .widget-main {
	height: 97%;
}

.DisabledDiv {
	z-index: 1;
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #ddd;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.cbxTreeUnit,
.cbxTreeSubject {
	margin: 0px;
	margin-left: 5px;
	margin-right: 5px;
}

.DivFilters {
	position: relative;
	background-color: #edf0f5;
	padding: 15px;
}

.produceQuestionItem {
	margin: 5px;
	padding: 5px;
}

.produceQuestionItem:nth-child(odd) {
	background: #eee;
}

.QMAnsRes {
	font-weight: bold;
	font-size: 23px;
	color: #5d5f61;
}

.QMWrongAnsRes {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	background-color: #dd0000;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	font-size: 30px;
	margin-top: 20px;
}

.QMCorrectAnsRes {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	background-color: #0bb621;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	font-size: 30px;
	margin-top: 20px;
}

.QMAnswerCorrect {
	position: absolute;
	right: 10px;
	color: #13be15;
}

.DivQMPairingMAText {
	min-height: 32px;
}

.liQMPairingMAContainer {
	min-height: 32px;
}

.liQMPairingMatchContainer {
	min-height: 32px;
	position: relative;
}

.QMui-selected {
}

.DivQMPairingMatchText.ui-draggable-dragging {
	z-index: 4;
}

.DivQMPairingAnswerText:before {
	content: "";
	width: 10px;
	height: 100%;
	right: 0px;
	top: 0px;
	position: absolute;
	border-top: 13px solid transparent;
	border-right: 26px solid #fff;
	border-bottom: 13px solid transparent;
}

.DivQMPairingMatchText:before {
	content: "";
	width: 1px;
	height: 100%;
	left: -26px;
	top: 0px;
	position: absolute;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	border-right: 26px solid #f6f7fb;
}

.DivQMPairingMatchText,
.DivQMPairingAnswerText {
	border: solid 1px #000;
	border: solid 1px #e4e4e4;
	border-radius: 5px;
	background-color: #f6f7fb;
	padding: 5px;
	position: relative;
}

.DivQMPairingAnswerText {
	border-right: none;
	z-index: 1;
}

.DivQMPairingMatchText {
	border-left: none;
	z-index: 3;
}

.QMNoPaddingLeftItem {
	padding-left: 0px;
	position: relative;
}

.QMcell-highlght {
	background-color: #faffbd;
}

.QMcell-highlght:before {
	content: "";
	width: 1px;
	height: 100%;
	left: -26px;
	top: 0px;
	position: absolute;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	border-right: 26px solid #faffbd;
	z-index: 2;
}

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

.testContainer {
	background-color: #fff;
	padding-top: 55px;
	padding-bottom: 85px;
	min-height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

.QMHeader {
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
	background-color: #f6f7fb;
	padding-top: 5px;
	padding-bottom: 5px;
	position: fixed;
	width: 100%;
	z-index: 1000;
	top: 0px;
}

.QMHeader .chosen-single {
	border: 1px solid #dcdcdc !important;
	box-shadow: none !important;
	background-color: #fff !important;
	background: transparent !important;
}

.QMHeader .chosen-drop {
	border-color: #dcdcdc !important;
}

.QMQuestionList {
	margin-top: 10px;
}

.QMCompletionQNB {
	font-size: 40px;
	line-height: 40px;
	color: #a3a4a7;
	font-weight: bold;
	float: right;
}

.QMCompletionPrcnt {
	float: right;
	margin-right: 20px;
}

.QMClock .flip-clock-wrapper {
	margin: 0px;
	width: 208px;
	margin-left: auto;
	margin-right: auto;
}

.QMClock .flip-clock-dot.top {
	top: 12px;
}

.QMClock .flip-clock-dot.bottom {
	bottom: 12px;
}

.QMClock .flip-clock-dot {
	width: 5px;
	height: 5px;
}

.QMClock .flip-clock-divider {
	height: 42px;
}

.questionItem {
	margin: 10px;
	padding: 10px;
	background-color: #fff;
	/*border-radius: 15px;border: solid 1px #e4e4e4;box-shadow:1px 1px 1px rgba(0,0,0,0.15);*/
}

.QMekfwnisi {
	border: solid 1px #e4e4e4;
	border-radius: 5px;
	font-weight: bold;
	font-size: 23px;
	color: #5d5f61;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #f6f7fb;
}

.QMRight {
	float: right !important;
}

.QMImage img {
	margin-left: auto;
	margin-right: auto;
}

.cblQMAnswers li {
	margin-top: 10px;
	margin-left: 40px;
	position: relative;
	background-color: #fff;
	border: solid 1px #e0e1e5;
	border-radius: 2px;
}

.cblQMAnswers li:hover {
	background-color: #e0e1e5;
}

.rblQMAnswers li {
	margin-left: 40px;
	position: relative;
	background-color: #fff;
	border: solid 1px #e0e1e5;
	border-radius: 2px;
}

.rblQMAnswers li:hover {
	background-color: #e0e1e5;
}

.liQMAnswer input,
.studresp input {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	margin-right: 10px;
	vertical-align: middle;
	height: 26px;
	width: 26px;
	position: absolute;
	left: -40px;
	cursor: pointer;
	top: 4px;
	border: 1px solid #ccc;
	border-radius: 100%;
}

.liQMAnswer input:checked,
.studresp input:checked {
	background: #626262;
	box-shadow: inset 0px 0px 0px 5px #d5d5d5;
}

.liQMAnswer label,
.studresp label {
	line-height: 36px;
	display: block;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	cursor: pointer;
}

.QMFooter {
	box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.15);
	background-color: #f6f7fb;
	padding-top: 5px;
	padding-bottom: 5px;
	position: fixed;
	width: 100%;
	z-index: 1000;
	bottom: 0px;
}

.QMButtonComplete {
	background-color: #173070 !important;
	padding: 10px;
	background-color: white;
	font-size: 17px;
	font-weight: 100;
	min-width: 100px !important;
	display: block;
	border-radius: 30px;
	color: #fff;
	max-width: 175px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

.QMFooter .pagination {
	margin-top: 22px;
}

.QMFooter .pagination a {
	border: none;
}

.QMbuttonRight,
.QMbuttonLeft {
	display: inline-block;
	background-color: #fff !important;
	padding: 10px;
	background-color: white;
	font-size: 17px;
	font-weight: 100;
	min-width: 100px !important;
	border-radius: 30px;
	color: #333;
	max-width: 175px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #173070 !important;
	text-align: center;
}

.answersContainer ul {
	padding: 0px;
	margin: 0px;
}

.questionItem ul {
	list-style: none;
}

.questionItem ul li {
	margin-top: 10px;
	cursor: pointer;
}

.flip-clock-label {
	display: none;
}

.FinalizeButton {
	margin-top: 19px !important;
	/* padding-top: 100px; */
	display: block;
}

/*Popup*/
.popupHeader {
	display: flex;
	justify-content: space-between;
	align-items: center;
	/*padding: 20px;*/
	padding: 10px;
	gap: 40px;
	background-color: #2d3335;
	color: #fff;
}

.popupContainer {
	background-color: #fff;
	box-shadow: 0 3px 6px -2px rgb(0 0 0 / 20%);
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-width: 768px;
	width: 100%;
}

.popupHeaderCloseButton {
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: rotate(45deg);
	cursor: pointer;
}

.popupHeaderCloseButton::after,
.popupHeaderCloseButton::before {
	content: "";
	position: absolute;
	background-color: #fff;
}

.popupHeaderCloseButton::after {
	width: 1px;
	height: 100%;
}

.popupHeaderCloseButton::before {
	height: 1px;
	width: 100%;
}

.popupBody {
	display: flex;
	flex-direction: column;
	gap: 20px;
	/*padding: 0 40px 40px;*/
	padding: 0 25px 25px 25px;
}

.popupDescriptionText {
	text-align: justify;
	margin-bottom: 0px;
}

.popupOptions {
	display: flex;
	gap: 20px;
	justify-content: center;
}

.popupOptions input {
	background-color: var(--clr-primary);
	border: none;
	color: #fff;
	width: 127px;
	height: 36px;
	cursor: pointer;
}
/*End Popup*/

@media all and (max-width: 1330px) {
	.contact .col-md-10.text-left {
		margin-left: 0px;
	}

	.contact .col-md-3 {
		margin-left: 0px;
	}

	.contact .col-md-2.fax {
		margin-left: 0px;
	}

	.contact .col-md-2.mail_footer {
		margin-left: 0px;
	}

	.contact .col-md-2.clock {
		margin-left: 0px;
	}
}

@media all and (max-width: 1170px) {
	#ctl00_cphMain_upPanelRegistrationsStatistics .table-striped table,
	#ctl00_cphMain_upPanelRegistrationsStatistics .table-striped thead,
	#ctl00_cphMain_upPanelRegistrationsStatistics .table-striped tbody,
	#ctl00_cphMain_upPanelRegistrationsStatistics .table-striped th,
	#ctl00_cphMain_upPanelRegistrationsStatistics .table-striped td,
	#ctl00_cphMain_upPanelRegistrationsStatistics .table-striped tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#ctl00_cphMain_upPanelRegistrationsStatistics .table-striped thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#ctl00_cphMain_upPanelRegistrationsStatistics .table-striped tr {
		border: 1px solid #ccc;
	}

	#ctl00_cphMain_upPanelRegistrationsStatistics .table-striped td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
	}

	#ctl00_cphMain_upPanelRegistrationsStatistics .table-striped td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/*
	Label the data
	*/
	#ctl00_cphMain_upPanelRegistrationsStatistics .table-striped td {
		border: solid 1px #ddd !important;
	}

	#ctl00_cphMain_upPanelRegistrationsStatistics .table-striped td.pros {
		width: auto;
	}

	#ctl00_cphMain_upPanelRegistrationsStatistics .table-striped td:before {
		content: attr(data-title) ":\00A0";
		position: relative;
		top: -1px;
		font-weight: bold;
	}
}

@media all and (max-width: 1025px) {
	.mail a {
		font-size: 11px;
	}
}

@media all and (max-width: 1100px) {
	.QMFooter .col-xs-12.col-sm-4.col-md-4.text-right {
		text-align: center;
	}
}

@media all and (max-width: 991px) {
	/* Force table to not be like tables anymore */
	.table-striped table,
	.table-striped thead,
	.table-striped tbody,
	.table-striped th,
	.table-striped td,
	.table-striped tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.table-striped thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.table-striped tr {
		border: 1px solid #ccc;
	}

	.table-striped td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
	}

	.table-striped td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/*
	Label the data
	*/
	.table-striped td {
		border: solid 1px #ddd !important;
	}

	.table-striped td.pros {
		width: auto;
	}

	.table-striped td:before {
		content: attr(data-title) ":\00A0";
		position: relative;
		top: -1px;
		font-weight: bold;
	}

	.navbar-toggle {
		display: block;
	}

	.sidebar.responsive {
		box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.15);
		z-index: 1027;
		overflow: hidden;
		max-height: 0;
		transform: translateX(-200px);
		transition: transform 0.2s linear 0s, max-height 0s linear 0.2s;
		position: absolute;
		bottom: auto;
		left: 190px;
		margin-left: -190px;
	}

	.FooterLastCol {
		padding-left: 15px;
	}

	.power.col-md-8.col-sm-12.col-xs-12 h3 {
		text-align: center;
	}

	.visa.col-md-4 img {
		margin-right: auto;
	}
}

@media all and (max-width: 768px) {
	.QMCompletionQNB {
		float: none;
		text-align: center;
		margin-top: 5px;
	}

	.QMCompletionPrcnt {
		float: none;
		text-align: center;
		margin-top: 5px;
	}

	.QMQuestionList .input-xxlarge {
		width: 100% !important;
	}

	.testContainer {
		padding-top: 175px;
		padding-bottom: 175px;
	}

	.main-content {
		min-height: 715px;
		overflow: initial;
	}

	.label.arrowed-in-right {
		margin-right: 3px;
		margin-bottom: 7px;
	}

	.page-content {
		background-color: #fff;
		position: relative;
		margin: 0;
		padding: 0px 10px 0px;
	}

	h1 {
		color: #3d3d3f !important;
		font-size: 20px;
	}

	.navbar:not(.navbar-collapse) .ace-nav > li {
		display: inline-block;
		float: none !important;
		text-align: left;
		letter-spacing: normal;
		font-size: 11px;
	}

	.logo.col-md-3.text-left img {
		width: 150px;
	}

	.panel-group .panel-default .panel-heading .panel-title a {
		font-size: 12px;
	}

	.ulAssets {
		list-style: none;
		margin-left: 0px;
	}

	.ulAssets li {
		background: #fbfbfb;
		border-bottom: solid 1px #ddd;
		padding: 5px;
		padding-left: 0px;
	}

	.panel-group .panel-default .panel-heading .panel-title a.accordion-toggle.collapsed:before {
		content: "\f105";
		position: absolute;
		left: 0px;
		background-color: #41525c;
		padding: 8px 0px 8px 0px;
		float: left;
		margin-right: 10px;
		color: #fff;
		font-size: 13px;
		font-family: FontAwesome;
		text-align: center;
		bottom: -1px;
		left: -40px;
	}

	.panel-group .panel-default .panel-heading .panel-title a.accordion-toggle:before {
		content: "\f107";
		position: absolute;
		left: 0px;
		background-color: #41525c;
		padding: 8px 0px 8px 0px;
		float: left;
		min-width: 40px;
		margin-right: 10px;
		color: #fff;
		font-size: 13px;
		font-family: FontAwesome;
		text-align: center;
		bottom: -1px;
		left: -40px;
	}

	.breadcrumb > li,
	.breadcrumb > li.active {
		color: #555;
		padding: 0 3px 0 3px;
		font-size: 10px;
	}

	.breadcrumb > li > a {
		color: #41525c !important;
		font-size: 9px;
	}

	h4 {
		font-size: 15px;
		font-weight: normal;
	}

	body {
		min-height: 100%;
		padding-bottom: 0;
		font-size: 11px;
		color: #393939;
		line-height: 1.5;
	}

	.panel-group .panel-default .panel-heading .panel-title a.accordion-toggle.collapsed:before {
		content: "\f105";
		position: absolute;
		left: 0px;
		background-color: #41525c;
		padding: 8px 0px 8px 0px;
		float: left;
		margin-right: 10px;
		color: #fff;
		font-size: 13px;
		font-family: FontAwesome;
		text-align: center;
		bottom: -1px;
		left: -40px;
	}

	.logo.col-md-3.text-left {
		text-align: center;
	}

	.col-md-6.e-learning h2 {
		font-size: 18px;
		text-align: center;
		color: #41525c;
		font-weight: 600;
		margin-top: 0px;
		margin-bottom: 5px;
	}

	.e_college li {
		list-style: none;
		margin: 3px;
		display: inline-block;
		color: #41525c;
		margin-top: 0px;
		font-size: 10px;
	}

	.telephone span.phone {
		font-size: 15px;
		color: #41525c;
		font-weight: 600;
		padding-right: 30px;
	}

	.mail {
		text-align: center;
		padding-left: 35px;
		margin-bottom: 10px;
	}

	.mail a {
		font-size: 15px;
		font-weight: 600;
		color: #41525c;
	}

	.progress {
		width: 80%;
		float: right;
	}

	footer .menu-button {
		display: none !important;
	}

	footer .main-menu > ul {
		max-height: 1000px !important;
	}

	.main-menu > ul.open {
		max-height: 1000px;
		border-top: 1px solid rgba(110, 110, 110, 0.25);
		margin: 0;
		padding: 0;
		float: none;
	}

	.main-menu ul li ul li:hover > ul > li {
		max-height: none;
		position: relative;
	}

	.main-menu > ul > li:hover > ul > li {
		max-height: none;
		position: relative;
	}

	.main-menu > ul {
		padding: 5px;
		margin: 15px 0 0 0 !important;
		clear: both;
		float: none;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.35s ease-out;
	}

	.main-menu ul li {
		float: none;
	}

	.main-menu ul li ul {
		float: none;
		position: relative !important;
		left: 0px !important;
		border: none;
		background: none;
	}

	.main-menu ul li ul li {
		float: none;
		position: relative !important;
	}

	.main-menu ul {
		margin: 10px;
	}

	.main-menu .menu-button {
		clear: both;
		float: none;
		margin: 0;
		background-color: #d1d3d4;
		display: block;
		box-sizing: border-box;
		width: 100%;
		padding: 15px 20px;
		font-weight: 700;
		font-size: 11px;
		letter-spacing: 1px;
		color: #231f20;
		cursor: pointer;
		position: relative;
	}

	.main-menu .menu-button:after {
		clear: both;
		float: none;
		display: block;
		content: "";
		position: absolute;
		height: 3px;
		width: 22px;
		border-top: 2px solid #231f20;
		border-bottom: 2px solid #231f20;
		right: 20px;
		top: 16px;
	}

	.main-menu .menu-button:before {
		clear: both;
		float: none;
		display: block;
		content: "";
		position: absolute;
		height: 3px;
		width: 22px;
		border-top: 2px solid #231f20;
		right: 20px;
		top: 26px;
	}
}

@media all and (max-width: 500px) {
	.progress {
		width: 100%;
		float: none;
	}
}

@media all and (max-width: 430px) {
	.pagination a {
		display: block;
	}
}

@media all and (max-width: 320px) {
	.QMCompletionQNB {
		float: right;
		text-align: center;
		margin-top: 5px;
		font-size: 20px;
		line-height: 20px;
	}

	.QMCompletionPrcnt {
		float: right;
		text-align: center;
		margin-top: 0px;
	}

	.QMCompletionPrcnt .easy-pie-chart {
		height: 25px !important;
		width: 25px !important;
		line-height: 24px !important;
	}

	.QMCompletionPrcnt canvas {
		height: 25px !important;
		width: 25px !important;
	}

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

	.QMbuttonRight,
	.QMbuttonLeft {
		padding: 0px;
		height: 21px;
		width: 50px;
	}

	.QMbuttonRight:after {
		border: 10px solid transparent;
		border-left: 9px solid #fff;
		left: 48px;
	}

	.QMbuttonRight:before {
		border: 10px solid transparent;
		border-left: 9px solid #e4e4e4;
		left: 49px;
	}

	.QMbuttonLeft:before {
		left: -20px;
		border: 10px solid transparent;
		border-right: 9px solid #e4e4e4;
	}

	.QMbuttonLeft:after {
		left: -19px;
		border: 10px solid transparent;
		border-right: 9px solid #fff;
	}

	.QMFooter .pagination {
		padding: 0px;
		margin: 0px;
		margin-top: 7px;
	}

	.testContainer {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.QMekfwnisi {
		font-size: 14px;
		padding: 5px;
		margin-bottom: 5px;
	}

	.questionItem ul li {
		margin-top: 5px;
	}

	.liQMAnswer label,
	.studresp label {
		line-height: 20px;
	}

	.liQMAnswer input,
	.studresp input {
		height: 17px;
		width: 17px;
		left: -25px;
		top: 0px;
	}

	.pagination a {
		display: inline-block;
	}

	.QMClock .flip-clock-wrapper {
		width: 160px;
	}

	.QMClock .flip-clock-wrapper ul {
		width: 10px;
		height: 20px;
		margin: 2px;
	}

	.QMClock .flip-clock-wrapper ul li a div div.inn {
		font-size: 15px;
	}

	.QMClock .flip-clock-wrapper ul li {
		line-height: 20px;
	}

	.QMClock .flip-clock-divider {
		height: 30px;
	}

	.QMClock .flip-clock-dot.top {
		top: 8px;
	}

	.QMClock .flip-clock-dot.bottom {
		bottom: 8px;
	}

	.QMQuestionList {
		margin-top: 0px;
	}
}