.nav-top {
	border-top: 0px solid #2b2b2b;
}
.nav-top-border-ghost {
	background-color: #2b2b2b;
}
body.site {
	border-top: 0px solid #2b2b2b;
	background-color: #f4f6f7;
}

.navbar-inner,
.nav-list > .active > a,
.nav-list > .active > a:hover,
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.btn-primary {
	background: #2b2b2b;
}
.btn-primary {
	border-color: #121212 #050505 #000000;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
	background-color: #050505;
}
.btn-group.open .btn-primary.dropdown-toggle {
	background-color: #000000;
}
.navbar-inner {
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 -1px 0 rgba(0,0,0,0.1), inset 0 30px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 -1px 0 rgba(0,0,0,0.1), inset 0 30px 10px rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 -1px 0 rgba(0,0,0,0.1), inset 0 30px 10px rgba(0,0,0,0.2);
}
.nav-side {
	background-color: #2b2b2b;
}
.nav-side {
	background-color: #2b2b2b;
	border-color: #121212 #050505 #000000 transparent;
}
.nav-side ul li a:hover,
.nav-side ul li a:focus,
.nav-side ul li a:active {
	color: #2b2b2b;
}
.nav-side ul li a:hover i,
.nav-side ul li a:focus i,
.nav-side ul li a:active i {
	color: #2b2b2b;
}
.nav-side ul li a:hover .caption,
.nav-side ul li a:focus .caption,
.nav-side ul li a:active .caption {
	color: #2b2b2b;
}
.steps .steps-container .step-block.step-active {
	background-color: #2b2b2b;
}
.steps .steps-container .step-block.step-active:not(:last-child):after {
	border-left-color: #2b2b2b;
}
.steps .steps-container .step-block.step-active a {
	background-color: #2b2b2b;
}
[class^="jlmsicon-"],
[class*=" jlmsicon-"] {
	color: #2b2b2b;
}
.btn-primary [class^="jlmsicon-"],
.btn-primary [class*=" jlmsicon-"] {
	color: #fff;
}
.well .page-header.custom {
	border-bottom-color: #2b2b2b;
}
.dropdown-menu li:hover [class="jlmsicon-"],
.dropdown-menu li:hover [class*="jlmsicon-"] {
	color: #f4f6f7;
}
/***************************** start fonts ********************************/
@font-face {
	font-family: 'Verlag';
	src: url('../fonts/Verlag-Black.otf');
	font-weight: normal;
	font-style: normal;
}
body.site.fluid {
  font-family: 'Verlag', sans-serif;
}
h1, h2, h3, h4, h5, h6, .site-title{
  font-family: 'Verlag', sans-serif;
}
.table th{
  font-family: 'Verlag', sans-serif;
  font-weight: 700;
}

.breadcrumb > li a{
  font-family: 'Verlag', sans-serif;
}
.breadcrumb > .active span{
 font-family: 'Verlag', sans-serif;
}
textarea, input {
  font-family: Verlag!important;
}
#quest_div{
  font-family: Verlag;
}
select {
  font-family: Verlag;
}
.jlms-course  .media-right .btn {
  font-family: Verlag;
}
.nav-side ul li .caption{
  font-family: "Verlag", sans-serif;
}
#tab_group_idTabs li a,
#tabsTabs li a{
  font-family:Verlag, sans-serif;
}  

/********************** end fonts ************************/
#nav.navigation.nav-top, 
#nav.nav-top .logo,
#nav.nav-top .nav-main .my-account,
#nav.nav-top .nav-main .my-account::after,
#JLMSContent .jlms-courseslist-item,
#courses-list-page .jlms-courseslist-item {
  background-color:#fff;
}
#nav i::before,
.course-name, .nav-main .text, 
.jlms-courseslist-item-info, 
.jlms-courseslist-item-author,
.jlms-courseslist-item-title a{
	color:#000
}

.btn.btn-primary, 
#JLMSContent .joomlalms-content-toolbar .btn-group > .btn,
#JLMSContent .image-middle .btn,
#content .joomlalms-content-toolbar .btn-group > .btn,
#courses-list-page .image-middle .btn
{
  background-color: #ced951;
  color: #000;
  border-radius:unset !important;
}
#main-page-logged .image-middle:hover .btn,
#courses-list-page .image-middle:hover .btn{
 opacity:1
}
#JLMSContent .btn,
#courses-list-page .btn,
#jlms_mainarea .btn,
#content .btn,
.jlmslist.table .btn:hover,
.jlmslist.table .btn:focus,
.jlmslist.table .btn:active,
.jlmslist.table .btn.active,
#courses-list-page .jlms-courseslist-item-toolbar .btn-group .btn.active{
	background-color: #ced951;
	color: #000;
}
#content .login .btn{
  padding: 17px 28px;
  font-size: 18px;
  line-height: 21px;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus{
  background-color: #6fdcfd ;
}
#JLMSContent .jlms-courseslist-item-image img,
#courses-list-page .jlms-courseslist-item-image img{
  filter:none
}
#main-page-logged .image-middle .image-readmore,
#courses-list-page .image-middle .image-readmore{
  opacity:0
}

#main-page-logged .image-overlay,
#courses-list-page .image-overlay{
	background-color:unset
}
#main-page-logged .image-overlay:hover, 
#courses-list-page .image-overlay:hover{
	background-color:rgba(21,21,21,0.5)
}
.input-prepend input{	
	vertical-align:middle;
}
.nav-top .nav-main .my-account li .login-form-jlms-outter input[name="username"],
.nav-top .nav-main .my-account li .login-form-jlms-outter input[name="password"]{
	margin-top: 0px;
}
#nav.nav-top .nav-main .my-account::before {
  width: 1.5px;
  height: 55px;
}
#nav .dropdown-menu  i::before{
  color: #fff;
}
@media (min-width: 980px){
	.nav-top {
	  margin: 0px 0px 20px;
	}
}
#content .breadcrumb > .active span{
	color:#ced951;
}
#JLMSContent .icon-publish::before,
#JLMSContent .icon-unpublish::before,
#JLMSContent .icon-plus::before,
#content .btn .icon-publish::before,
#content .btn .icon-unpublish::before,
#content .btn .icon-plus::before,
#content .btn .icon-pencil::before,
#content .btn .icon-book::before,
#content .btn .icon-search::before,
#content .btn .icon-remove::before,
#content .btn .icon-pencil::before,
#content .btn .icon-grid-2::before,
#content .btn .icon-clock::before,
#content .btn .icon-arrow-right-4::before,
#content .btn .icon-flag::before,
#content .btn .icon-wrench::before,
#content .btn .icon-file::before,
#content .btn .icon-download::before,
#content .btn .icon-play::before,
#JLMSContent .icon-download::before,
#JLMSContent .icon-save::before,
#JLMSContent .icon-ok::before,
#JLMSContent .icon-checkmark::before {
  color: #000;
}
#content .caret {
  border-top: 4px solid #000;
}
/*#content i::before,#content a span::before, span.icon-cogs::before, span.icon-upload::before,span.icon-wrench::before, span.icon-file::before{
	color:#000
}*/
/*
#content .dropdown-menu i::before,#content .dropdown-menu span,#content .dropdown-menu span::before{
	color:#fff;
}*/
/*
#content .caret{
	border-right: 0px solid transparent;
	border-left: 0px solid transparent;
	border:4px solid transparent; 
	border-top: 4px solid #000;
}*/