﻿.responsive-tabs.nav-tabs {
  	position: relative;
  	z-index: 3;
	height: 39px;
  	overflow: visible;
  	border-bottom: none;
}

.responsive-tabs.nav-tabs span.glyphicon {
  	position: absolute;
  	top: 22px;
  	right: 22px;
}

.responsive-tabs.nav-tabs span.glyphicon.glyphicon-triangle-top {
	display: none;
}

.responsive-tabs.nav-tabs > li {
  	display: none;
  	float: none;
  	text-align: center;
}

.responsive-tabs.nav-tabs > li:last-of-type > a {
  	margin-right: 0;
}

.responsive-tabs.nav-tabs > li > a {
  	margin-right: 0;
  	background: #fff;  /* original: #f1f1f1 */	
  	border: 1px solid #DDDDDD; 
	text-decoration:none; /* add: MH */	
	color:#1c94c4; /* add: MH */
}

.responsive-tabs.nav-tabs > li.active {
  	display: block;
}

.responsive-tabs.nav-tabs > li.active a {
  	border: 1px solid #DDDDDD;
  	border-radius: 2px;
}

.responsive-tabs.nav-tabs.open span.glyphicon.glyphicon-triangle-top {
  	display: block;
}

.responsive-tabs.nav-tabs.open span.glyphicon.glyphicon-triangle-bottom {
  	display: none;
}

.responsive-tabs.nav-tabs.open > li {
  	display: block;
}

.responsive-tabs.nav-tabs.open > li a {
  	border-radius: 0;
}

.responsive-tabs.nav-tabs.open > li:first-of-type a {
  	border-radius: 2px 2px 0 0;
}

.responsive-tabs.nav-tabs.open > li:last-of-type a {
  	border-radius: 0 0 2px 2px;
}


.nav-tabs-fixed {
	position:fixed!important;
	width:90%;
	background-color:white;
	margin-top:-0.5rem;
	padding-top:0.5rem;
	padding-bottom:3.15rem;
}


@media (min-width: 769px) {
  	.responsive-tabs.nav-tabs {
    	border-bottom: 1px solid #ddd;
  	}
  	.responsive-tabs.nav-tabs span.glyphicon {
    	display: none;
  	}

  	.responsive-tabs.nav-tabs > li > a {
    	margin-right: 4px;
  	}

	.responsive-tabs.nav-tabs > li.active a {
		border-bottom-color: transparent; 
	}
  	
  	.responsive-tabs.nav-tabs > li {
    	display: block;
    	float: left;
  	}

  	.responsive-tabs.nav-tabs.open span.glyphicon.glyphicon-triangle-top {
    	display: none;
  	}
}
/*Add: MH*/
@media (max-width: 768px) {
	.responsive-tabs.nav-tabs > li > a {
		font-weight:bold;	

	}
	.responsive-tabs.nav-tabs span.glyphicon {
		top:13px;
	}

	.nav-tabs-fixed {
		position:fixed;
	}

	.responsive-tabs.nav-tabs.nav-tabs-fixed span.glyphicon {
		top:22px;
	}

	#searchTabs > span.glyphicon {
		margin-top:10px;		
	}
	
}

