@charset "utf-8";
/* 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;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    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;-webkit-transition:all .2s ease-in-out;transition:all .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%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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; */
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  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;
  -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    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;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    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 {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  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:!important;}

	/*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:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#2a457e ),color-stop(90%,#2a457e)) !important;background-image:-webkit-linear-gradient(#2a457e 20%,#2a457e 90%)!important;background-image:-moz-linear-gradient(#2a457e 20%,#2a457e 90%)!important;background-image:-o-linear-gradient(#2a457e 20%,#2a457e 90%) !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 {
	-webkit-transition:all 0.35s ease;
	-moz-transition:all 0.35s ease;
	-o-transition:all 0.35s ease;
	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 {
	-webkit-transition:all 0.65s ease;
	-moz-transition:all 0.65s ease;
	-o-transition:all 0.65s ease;
	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;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .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;-webkit-transition: max-height 0.4s ease-out;-moz-transition: max-height 0.4s ease-out;-ms-transition: max-height 0.4s ease-out;-o-transition: max-height 0.4s ease-out;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;
}		
				
@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 {
    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.15);
    box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.15);
    z-index: 1027;
    overflow: hidden;
    max-height: 0;
    -moz-transform: translateX(-200px);
    -webkit-transform: translateX(-200px);
    -o-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px);
    -webkit-transition: -webkit-transform .2s linear 0s,max-height 0s linear .2s;
    -moz-transition: -moz-transform .2s linear 0s,max-height 0s linear .2s;
    -o-transition: -o-transform .2s linear 0s,max-height 0s linear .2s;
    transition: transform .2s linear 0s,max-height 0s linear .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;-webkit-transition: max-height 0.35s ease-out;-moz-transition: max-height 0.35s ease-out;-ms-transition: max-height 0.35s ease-out;-o-transition: max-height 0.35s ease-out;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;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;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}

}