.langFlag{
	display: inline;
	padding: 0 10px 0 0;
}

.menu .badge{
	background-color: #eb1a37;
	color: #ffffff;
}

.menu:hover .badge{
	background-color: #ffffff;
	color: #eb1a37;
}

.t_act .badge{
	background-color: #ffffff;
	color: #eb1a37;
}

.btn .pull-right{
	margin: 0 8px;
}

td .badge.bd{
	background-color: #eb1a37;
}

td .badge.be{
	background-color: #5cb85c;
}

a.btn-trash:link, a.btn-trash:visited,
a.btn-trash:hover, a.btn-trash:active{
	background-color: #A1A1A1;
	color: #ffffff;
}

a.btn-leaflet:link, a.btn-leaflet:visited,
a.btn-leaflet:hover, a.btn-leaflet:active{
	background-color: #8b550f;
	color: #ffffff;
}

a.btn-tight, .btn.btn-tight{
	padding: 6px 11px;
}

.wrapper{
	cursor: pointer;
}

.btn.mobiActiv, .btn.mobiDeactiv,
.btn.textbookActiv, .btn.textbookDeactiv{
	padding: 6px 14px;
	color: #a1a1a1;
	-moz-user-select: none;
	background-color: #ffffff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btn.mobiActiv,.mobiActiv.active,
.btn.mobiActiv:focus, .btn.mobiActiv:active,
.btn.disabled.mobiActiv{
	color: #5cb85c;
	opacity: 1;
}

.btn.textbookActiv, .btn.textbookDeactiv{
	padding: 6px 10px;
	color: #a1a1a1;
}

.btn.textbookActiv,.textbookActiv.active,
.btn.textbookActiv:focus, .btn.textbookActiv:active,
.btn.disabled.textbookActiv{
	color: #5cb85c;
	opacity: 1;
}



.navbar-item{
	text-align: center;
	line-height: 1;
}

.navbar-item strong{
	font-size: 2em;
}

.navbar-txt{
	font-size: 12px;
	color: #333333;
	 white-space: nowrap;
	line-height: 1;
}

.nt-i{line-height: 3.3;}

.info-nav{
	margin: 0 15px 0 0;
	display: inline;
	color: #428bca;
}

.info-nav .panel-body{
	padding: 15px 15px 0;
}

.ni-symbol, .ni-print{
	cursor: pointer;
}

.icons{
	font-size: 12px;
	text-align: center;
}

/*************** dataTables ******************/
div.dataTables_filter,
div.dataTables_info{
	float: left;
	width: 30%;
	text-align: left;
}
div.dataTables_filter label span{
	font-weight: bold;
}

.bulkArea{
	float: left;
	width: 50%;
}

.noteArea{
	display: none;
}

.bulkArea span{
	float: left;
	font-weight: bold;
	margin: 0 25px 0 0;
	line-height: 2;
}

a.bulkDelete:link, a.bulkActiv:link{
	float: left;
	margin: 0 25px 10px 0;
	display: inline;
}

div.dataTables_length{
	float: right;
}

/************* Extra small devices Phones (<768px) ************/
@media (max-width:767px) {
	div.dataTables_filter,
	div.dataTables_info{
		width: 100%;
	}
	.bulkArea{
		width: 100%;
	}
	.noteArea{
		float: left;
		padding: 10px 2px;
		border-top: 1px solid #ddd;
		display: inline;
		width: 100%;
	}
	div.dataTables_paginate{
		float: left;
		width: 100%;
	}
	
	#pupil_paginate ul.pagination{
		display: inline !important;
	}
}
/*******************Small devices Tablets (≥768px) ****************/
@media (min-width:768px) and (max-width:991px) {
	div.dataTables_filter,
	div.dataTables_info{
		width: 100%;
	}
	
	.bulkArea{
		width: 100%;
	}
	.noteArea{
		float: left;
		padding: 10px 2px;
		border-top: 1px solid #ddd;
		display: inline;
		width: 100%;
	}
	
	div.dataTables_paginate{
		float: left;
		width: 100%;
	}
	
	#pupil_paginate ul.pagination{
		display: inline !important;
	}
}
/******************* Medium devices Desktops (≥992px) ***************/
@media (min-width:992px) and (max-width:1199px) {
	div.dataTables_filter,
	div.dataTables_info{
		width: 37%;
	}
	.bulkArea{
	}
}
/******************* Large devices Desktops (≥1200px) ***************/
@media (min-width:1200px) {
}