:root{
   /* --main-color-blue:#13703a; Lukenya Green*/
   /* --main-color-blue:#002858;*/
    --main-color-blue:#c12a2a; /*mElimu Red*/
}

.applynow{background-color: #66a944!important;}
#page-site-index .video {
    background-color: #66a944!important;
}
.row.headerTopBar {
    padding: 10px 0!important;
}
.fdgdfg {
    display: none;
}
#widget_complain{display: none;}

#block-region-side-pre{display:block!important;}
#page-site-index .logos .title{margin-top:20px !important}
.downloadappbtn i{font-size:16px;margin-right:5px; margin-top: 0;}
.page-wrapper{margin-top:165px!important;}
.promo{margin-top:164px;}
#page #region-main{min-height:500px;padding-left: 0;padding-right: 0;}
	/*.accesshide{ position:absolute !important}*/

#page-site-index h2 {
    text-transform: uppercase!important;
}
/* -----------banner text-------*/
li.slide.flex-active-slide:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
 /*   background: #0000004a;*/
    width: 100%;
    height: 100%;
    z-index: 1;
}
#page-site-index .bg-slider-wrapper .flexslider .flex-caption .title {
    color: #ffffff;
    z-index: 9999;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
/* -----------end banner text-------*/

	.slicknav_btn.slicknav_open{ position: relative;}

	/* SKD 17-APR-2019 */
    .dashboardMenuList{ margin: 0 -15px; padding: 0; list-style: none; display: table; width: 102.5% }
    .dashboardMenuList li{ display: table-cell;max-width: 0;}
    .dashboardMenuList li .info-box{width: 95%}
    .dashboardMenuList li:last-child .info-box{ margin-right: 0; }
    .widget-box{border: none; background: none;border: 1px solid #CDCDCD; }
    .widget-title, .widget-content{border-bottom: 1px solid #CDCDCD;}
    .info-box-number {position: absolute; top: 60px;}
	.direct-chat-messages {min-height:420px}


		@media only screen and (max-width: 1360px) and (min-width: 1230px)  {
	.info-box-icon {
		border-top-left-radius: 2px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 2px;
		display: block;
		float: left;
		height: 90px;
		width: 38%;
		text-align: center;
		font-size: 45px;
		line-height: 90px;
		background: rgba(0,0,0,0.2);
}}

@media screen and (max-width:1079px){
	.homeheader #navbar{padding-bottom:24px;padding-top:26px;}
	.ur_content_heading{padding-bottom:15px;height:175px;}
	.middlelayout .customnav{padding-left:0px; display: none;}
	.mobileMenuicon{ display: block!important;color: #fff;text-align: left;position: absolute;z-index: 99;top: 10px;font-size: 18px;}
	.mobileMenuicon.active .fa-bars:before{ content:"\f00d" !important;}
	.mobileMenuicon.active + #navbar .customnav{ display: block;    background:var(--main-color-blue);position: absolute;width: 300px;top: 41px;text-align: left;overflow: auto;max-height:350px;}
	.customnav li.dropdown:before{ display: none;}
	.customnav li{position:relative;width: 100%;}
	.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret{    border-top-color: #ffffff;border-bottom-color: #ffffff;float: right; display: block;top: 10px;position: relative;}
	.customnav .dropdown-menu{position: relative;width: 100%;}
	#navbar, .navbar-inverse{ min-height: 40px!important;overflow: visible;}
	.mobilemenu{ display: block ; position: relative;}
	.slicknav_btn{ padding: 0 !important; margin:12px 0 0 0px !important;}
	.slicknav_menu .slicknav_icon-bar, .slicknav_btn.slicknav_open .slicknav_icon-bar{ height:2px !important; background: #fff !important}
	#page #region-main .region-main-inner{ padding: 15px; }
	.info-box .info-box-icon, .info-box .tabmenu, .info-box .info-box-text{ width: 100%; }
	.info-box .tabmenu{ min-height: 100px; position: relative; text-align: center;}
	.info-box .info-box-text, .info-box .info-box-number{ margin: 0;padding: 5px; text-align: center; left: 45%;}

	.dashboardMenuList{display: table;width: 104%;}
	.dashboardMenuList li{ display: table-cell; max-width: 0;}
	.meducss .mobilemenu {    top: 153px!important;}
	.customnav li .dropdown-menu a.dropdown-toggle {
	color: var(--main-color-blue)!important;
}
.dropdown-menu .dropdown-menu{right:0px;width:260px !important;left: 0!important;top: -4px!important;position: unset!important;}
.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret{    display: block!important;}
}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	.dashboardMenuList{display: table;width: 104%;}
	.dashboardMenuList li{ display: table-cell; max-width: 0;}
	.info-box-number {    left: 42%;}
	
}
@media screen and (max-width:767px){
			#page-enrol-users #filterform .fitem.fitem_actionbuttons input{margin-left: 0px;margin-right: 5px;margin-top: 42px;width: 45%;}
			
			
	}

	@media screen and (max-width:540px){
		.dashboardMenuList {display: block;width: 110%;}
	.dashboardMenuList li {display: block;width: 50%;float: left;max-width: 50%;}
	.info-box-number {left: 44%;}
	
	}

	@media screen and (max-width:481px){
		.dashboardMenuList {display: block;width: 110%;}
	.dashboardMenuList li {display: block;width: 50%;float: left; max-width: 50%;}
	.info-box-number {left: 44%;}
	}
	
	
	
	
	
	

	.fulltopicblockactivities ol.topicpoints {
    display: flex;
    flex-wrap: wrap;
}
.fulltopicblockactivities .topicpoints li.summary {
    width: 50%;
}


#id_moodle_additional_names, #id_mentorship_optional {
display:none;
}
/*-----------mobile menu css-------------*/
 .meducss .mobilemenu{top: 142px;}
 .meducss .mobilemenu .unlist li{background: #23a5da;}
 .meducss .mobilemenu{background: #23a5da;}
 .meducss .mobilemenu input[type=submit] {background: #d86918;}
 .meducss .mobilemenu .box{background: #23a5da;}
 .meducss #page .block-region .block{background: #23a5da;}
/*-----------end of mobile menu css-------------*/


/*--------new quiz css--------------
.new_Quiz_details .add_quiz_details h2{margin:0 0 10px;}
.new_Quiz_details input{margin-bottom:0;border-radius:0!important;}
 .new_Quiz_details button{font-weight: 500!important;margin-right: 8px;}   
.add_quiz_details{padding: 30px;}
.addquiztext{ display: flex;justify-content: space-between;margin-bottom:25px;}   
.addquiztext p{margin-bottom:0;}
.red{color:red;}
.green{color:#32b332;}
.new_Quiz_details i.fa {font-size: 20px;}
.question_head { display: flex;justify-content: space-between;    align-items: center; margin-bottom: 2px;}
.question_head h5{    font-weight: 600;
    border: 1px solid #e2e2e2;padding: 8px 9px;background: #3488dee2;border-radius: 3px;font-size: 14px!important;color: #fff;}
.question_head h5 a{ color: #fff;}
div.multiplechoice li input {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #e2e2e2;
    color: #000;
}
div.multiplechoice ul{margin-left: 0;}
div.multiplechoice li {    display: flex;align-items: center;    margin-bottom: 15px;}  
.addmorechoice{  float: right;font-weight: 600;}
  .quix-section {
    margin-bottom: 20px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border:none!important;background:transparent!important;}
.container_radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.container_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark_radio {
  position: absolute;
  top: 0;
  left: 0;
      height: 20px;
    width: 20px;
  background-color: #eee;
  border-radius: 50%;
}

.container_radio:hover input ~ .checkmark_radio {
  background-color: #ccc;
}

.container_radio input:checked ~ .checkmark_radio {
  background-color: #134787;
}

.checkmark_radio:after {
  content: "";
  position: absolute;
  display: none;
}

.container_radio input:checked ~ .checkmark_radio:after {
  display: block;
}

.container_radio .checkmark_radio:after {
 	    top: 7px;
    left: 7px;
    width: 7px;
    height: 7px;
	border-radius: 50%;
	background: white;
}
--------new quiz css--------------*/

.disabledtrue{pointer-events: none;color:gray!important;}
.partnerlogos img {
    width: 218px;
}
.partnerlogos{display: flex;
    align-items: center;}
ul.logos-list.list-inline.clg_logos img {
    width: 214px!important;
}
ul.logos-list.list-inline.clg_logos {
    display: flex;
    align-items: center;
    justify-content: center;
}


.meducss .mobilemenu {
    top: 184px!important;
	}