Bootstrap button focus

Using tab panes Bootstrap btn-primary buttons keep focus, how can buttons be deactivated

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div id="wrapper">
<div id="main-container">

	<!-- BEGIN MAIN PAGE CONTENT -->
	<div id="page-wrapper" class="collapsed">

	<div class="row">
		<div class="col-lg-12">

		<!-- START YOUR CONTENT HERE -->
		<div class="row">
			<div class="col-lg-12 col-md-12">
			<div class="tc-tabs"><!-- Nav tabs style 1 -->
				<ul class="nav nav-tabs tab-lg-button tab-color-dark background-dark white">
					<li class="active"><a href="#p4" data-toggle="tab" id="btnpane4">Panel 1</a></li>
					<li><a href="#p1" data-toggle="tab" id="btnpane1">Panel 2</a></li>
					<li><a href="#p2" data-toggle="tab" id="btnpane2">Panel 3</a></li>
					<li><a href="#p3" data-toggle="tab" id="btnpane3">Panel 4</a></li>
				</ul>
				<!-- Tab panes -->
				<div class="tab-content">

				<div class="tab-pane fade" id="p4">
					<div class="row">
						<div class="col-md-12">
							<div class="portlet no-border">
								<div class="col-lg-12 mb25" style="margin-top:20px;">
									Panel 1 content
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="tab-pane fade" id="p1">
					<div class="row">
						<div class="col-md-12">
							<div class="portlet no-border">
								<div class="col-lg-12 mb25" style="margin-top:20px;">
									Panel 2 content
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="tab-pane fade" id="p2">
					<div class="row">
						<div class="col-md-12">
							<div class="portlet no-border">
								<div class="col-sm-12 mb25" style="margin-top:20px;">
									Panel 3 content
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="tab-pane fade" id="p3">
					<div class="row">
						<div class="col-md-12">
							<div...

CSS

.btn {
    outline: 0 none!important;
    background: #f2f2f2;
    color: #686868;
    border-color: #e5e5e5
}

.btn:active,
.btn.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-primary {
    color: #fff;
    background-color: #999999;
    border-color: #333399;
}

.btn-primary:hover {
    background-color: #333399;
    border-color: #333399
}

/* --- tried to remove focus colour */
.btn-primary:active,.btn-primary.active,.btn-primary:focus,.btn-primary.focus, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #999999!important;
    border-color: #333399!important;
}

JavaScript

$(document).ready(function() {
	// previous and next buttons trigger pane tab click
	var previous = '';
	var next = '';
	var current = 4;
	next = 1;
	$('#btnprevious').hide();
	$('#btnpane4').click(function(){
		current = 4;
		previous = '';
		next = '1';
		$('#btnprevious').hide();
		$('#btnnext').show();
		$('#p1').hide();
		$('#p2').hide();
		$('#p3').hide();
		$('#p'+current).show();
		$('.btn-primary').blur();
		$('#btnnext').blur();
	});
	$('#btnpane1').click(function(){
		current = 1;
		previous = '4';
		next = '2';
		$('#btnprevious').show();
		$('#btnnext').show();
		$('#p2').hide();
		$('#p3').hide();
		$('#p4').hide();
		$('#p'+current).show();
		$('.btn-primary').blur();
		$('#btnnext').blur();
	});
	$('#btnpane2').click(function(){
		current = 2;
		previous = '1';
		next = '3';
		$('#btnprevious').show();
		$('#btnnext').show();
		$('#p1').hide();
		$('#p3').hide();
		$('#p4').hide();
		$('#p'+current).show();
		$('.btn-primary').blur();
		$('#btnnext').blur();
	});
	$('#btnpane3').click(function(){
		current = 3;
		previous = '2';
		next = '';
		$('#btnprevious').show();
		$('#btnnext').hide();
		$('#p1').hide();
		$('#p2').hide();
		$('#p4').hide();
		$('#p'+current).show();
		$('.btn-primary').blur();
		$('#btnnext').blur();
	});
	$('#btnprevious').click(function(){
		$(window).scrollTop(0);
		$(this).blur();
		$('#btnpane'+previous).click();
	});
	$('#btnnext').click(function(){
		$(window).scrollTop(0);
		$(this).blur();
		$('#btnpane'+next).click();
	});

	$('.btn-primary').focus(function() {
	        this.blur();
    });

    window.onblur = function () {
      document.activeElement.blur();
    };
});