footer {
	display: none !important;
}

#content {
	padding: 0 !important;
	margin: 0 auto !important;
}

#page {
	width: 92%;
	margin: 0 auto;
}

a:focus {
	outline: none;
}

.container {
	max-width: 100%;
}

.wrapper {
	padding: 0 0 30px 0 !important;
}

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

.entry-content {
	padding-top: 50px;
}

.hentry > .wp-post-image {
	display: none !important;
}


.item-body {
	margin: 0 !important;
}

.navbar-dark {
	display: none !important;
}


.lessontitle {
	background-color: #555;
	color: #fff;
	padding: 5px 10px;
	font-size: 1rem !important;
	margin: 5px 0px -25px 0px !important;
}

.table .thead-dark th {
	color: #fff;
	background-color: #555 !important;
	border-color: #555 !important;
}


.btn-leaders {
	color: #fff;
	background-color: #2196f3 !important;
	border-color: #2196f3 !important;
	font-weight: bold !important;
}

/* Menu inferior */


.navbar {
	width: 100% !important;
	background-color: #2196f3 !important;
	overflow: auto !important;
	padding: 0 5px 0 5px !important;
	position: fixed !important;
	bottom: 0px !important;
	left: 0px !important;
	z-index:9999 !important;
	height: 49px;
}

@media (max-height: 460px) {
	.navbar {
		position: relative !important;
		bottom: 0px !important;
	}
	#primary {
		min-height: calc(100vh - 109px);
	}
}

.navbar a {
	float: left !important;
	padding: 12px !important;
	color: white !important;
	text-decoration: none !important;
	font-size: 17px !important;
}

.navbar a:hover {
	color: #555 !important;
	background-color: #2196f3 !important;
}


@media screen and (max-width: 500px) {
	.navbar a {
		float: none !important;
		display: block !important;
	}
}

.iconh5ptype {
	position: relative;
	top: 86%;
	left: -34%;
	border-radius: 50%;
	background-color: #2196f3;
	padding: 5px;
	color: #fff;
	width: 36px;
	height: 36px;
}

@media screen and (min-width: 768px) {
	.iconh5ptype {
		position: relative;
		top: 48%;
		left: 22%;
	}
	.lessontitle {
		margin-bottom: 5px !important;
	}
}

.h5p-iframe-wrapper {
    width: auto;
    height: auto;
}


.testlesson {
	margin-top: 40px; 
	margin-bottom: 25px;
}

.testlesson a {
	font-size: x-large;
	background-color: #2196f3;
	color: #fff;
	padding: 15px;
	border-radius: 10px;
	text-decoration: none;
}

.testlesson a:hover {
	color: #fff;
	text-decoration: none;
}

/* Menu Top-Left */


.tmla-mask, .touch-menu-la {
		position: fixed;
}



@media (min-width: 500px) {
	.touch-menu-la {
		overflow: hidden auto !important;
	}
} 



header {
	width: 100%;
	height: 42px;
	background: #2196f3;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	position: fixed;
	left: 0;
	padding: 10px;
	z-index: 9999;
	color: #fff;
	top: 0px;
}

.touch-menu-la .inner-header {
	background-image: none;
	background-color: #2196f3;
}


#menulogo {
	width: 80%;
	text-align: center;
	position: relative;
	top: -32px;
	margin: 0 auto;
}

#menulogo img {
	max-width: 54% !important;
}

#menulogo .gamipress-points-thumbnail {
	width: 25px !important;
	float: left;
	margin-right: 3px;
}

.menulogocoin {
	float: right; 
	font-size: small; 
	font-weight: bold;
	vertical-align: middle;
}

.menulogocoin a {
	color: #fff; 
	text-decoration: none;
}

.menulogocoin a:hover {
	color: #fff; 
	text-decoration: none;
}

#menu-open {
	margin-left: 10px;
}

#menuavatar {
	border-radius: 50%;
	border: 3px #fff solid;
	width: 64px;
	overflow: hidden;
	z-index: 99;
	position: relative;
	float: right;
	top: 10px;
	right: 5px;
}

.card-link, .card-link:hover {
	color: #2196f3;
}

.card-body {
	padding: 0 0 0 16px !important;
	box-shadow: inset 16px 0px 0px 0px rgb(33, 150, 243);
}

.card > div > .card-body > .card-header {
	padding: .2rem 1.25rem;
}

.btn-courses {
	color: #fff;
	background-color: #2196f3 !important;
	border-color: #2196f3 !important;
}

.card-centered {
	margin: 0 auto;
}

.card-courses {
	width: 285px;
	height: 285px;
	overflow: hidden;
}

.alert-courses {
	text-align: center;
	color: #2196f3 !important;
	background-color: transparent !important;
	border-color: #2196f3 !important;
}

.centered > div {
	display: inline-block;
	margin: 0 auto;
}

.nav-item {
    border: 1px #ccc solid;
    /*border-radius: 0px 16px 0px 0px;*/
}

.nav-item .active {
	background: #51c4d6 !important;
	/*border-radius: 0px 10px 0px 0px !important;*/
	font-weight: bold;
}


/* BuddyPress */

.main-navs {
	display: none;
}

.bp-subnavs {
	margin: 0 !important;
}

.groups .main-navs{
	display: block !important;
}

.my-groups .main-navs{
	display: none !important;
}


/* Gamipress */

.norank {
	pointer-events: none; 
	opacity: 0.3; 
	background: #fff;
	position: relative;
	top: -35px;
}

.norank_text {
	position: relative;
	top: 42px;
	text-align: center;
	font-size: xx-large;
	color: #2196f3;
	text-shadow: 1px 1px 1px #000;
}

.btn-lesson {
	color: #fff !important;
	background-color: #555 !important;
	border-color: #555 !important;
}

.btn-lesson:focus {
	box-shadow: none !important;
}

.gamipress-rank-type-title {
	color: #fff;
	background-color: #555;
	border-color: #555;
	font-size: 1em;
	padding: 5px 10px !important;
	margin: 0 auto !important;
}

.gamipress-achievement-title {
	text-align: center;
	font-size: large;
	background-color: #2196f3;
	color: #fff;
	width: 100%;
}

.gamipress-achievement {
	border-left: 6px solid #2196f3;
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.gamipress-achievement-unlock-with-points {
	width: 100%;
	text-align: center;
}

.gamipress-achievement-unlock-with-points-button {
	background-color: #d83526;
	border-radius: 6px;
	border: 1px solid #d83526;
	color: #ffffff;
	padding: 4px 6px;
}


/* DataTable */

table.dataTable thead th {
	position: relative;
	background-image: none !important;
}
 
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
	position: absolute;
	top: 12px;
	right: 8px;
	display: block;
	font-family: FontAwesome;
}

table.dataTable thead th.sorting:after {
	content: "\f0dc";
	color: #ddd;
	font-size: 0.8em;
	padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
	content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
	content: "\f0dd";
}


/* Login */

#backtoblog {
	display: none;
}

#login #nav {
	color:  #2196f3;
}

#login #nav a {
	color: #000;
	background: #fff;
	padding: 5px;
	border-radius: 4px;
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	display: block;
	text-align: center;
}

.privacy-policy-link {
    color: #fff;
    text-decoration: none;
}

.activate_amsawal {
	position: absolute;
	bottom: 60px;
	right: 8%;
	color: #000 !important;
	background: #fff;
	padding: 5px !important;
	border-radius: 4px;
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	display: block;
	text-align: center;
	left: 8%;
	text-decoration: none;
}

#wrapper-navbar {
  display: none !important;
}

.activate_amsawal {
	bottom: 50px;
}

.language-switcher {
  display: none;
}