@charset "utf-8";
/* CSS Document */

body {
	background-color: #42413C;
	background-image: url(/proteomics/massspec/images/bg.gif);
	background-size: 100% 100%;
}
.container {
	background-color: #ffffff;
}
/* Remove the navbar's default margin-bottom and rounded borders */ 
.navbar {
	margin-bottom: 0;
	border-radius: 0;
	border: none;
	background: linear-gradient(to bottom, rgba(29,103,78,1) 0%, rgba(19,65,50,1) 100%);
}
.navbar-inverse .navbar-collapse {
	background-color: #1E6B52;
	border-color: #1E6B52;
	/*border-top-color: #1E6B52; */
	background: linear-gradient(to bottom, rgba(29,103,78,1) 0%, rgba(19,65,50,1) 100%);
}
.navbar-brand {
	color: #ffffff !important;
}
.navbar-inverse .navbar-nav li a, .navbar-inverse .navbar-nav li a:visited {
	color: #ffffff;
}
.navbar-inverse .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a:focus {
	color: #ffffff;
	background-color: #000000;
}
.dropdown-menu {
	background-color: #333333;
	margin-top: 0;  /* removed space between btn */
}
/* Set height of the grid so .sidenav can be 100% (adjust as needed) 
.row.content {
	height: 600px;
	
}*/

.row {
	overflow: hidden;
}
/* Set gray background color and 100% height */
.sidenav {
	padding-top: 5px;
	background-color: #f1f1f1;
	height: 100%;
}
/* Set black background color, white text and some padding */
#footer {
	background-color: #333333;
	color: #337ab7;
	padding: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

/* hover menu */
@media screen and (min-width: 768px) {
.dropdown:hover .dropdown-menu {
	display: block !important;
	margin-top: -1px !important;
	padding: 0 !important;
}
}
/* On small screens, set height to 'auto' for sidenav and grid */

.slicknav_menu {
	display: none;
}

@media screen and (max-width: 768px) {
.sidenav {
	height: auto;
	padding: 0px;
}
.row.content {
	height: auto;
}
.js #menu {
	display: none;
}
.js .slicknav_menu {
	display: block;
}
}
/* side menu style  */
#menu {
	list-style-type: none;
	margin: 0;
	padding: 15px 0 0 0;
	width: 100%;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 2.0em;
}
#menu a {
	color: #000000;
}
.dropdown-menu > li > a {
	color: #ffffff;
	padding: 3px 10px 3px 10px;
}
h1 {
	font-weight: bold;
	font-size: 30px;
}
h2 {
	color: #1e6b52;
	font-size: 24px;
}
h3 {
	color: #003D79;
	font-size: 20px;
}
h4 {
	color: #003D79;
	margin: 0 0 0 0;
	font-size: 16px;
	font-weight: bold;
}
.red {
	color: #993300;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	width: 100%;
}
.carousel-inner {
	bottom: 27px;
}
.carousel-caption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 15px;
	background: #333333;
	background: rgba(102, 102, 102, 0.65);
	padding-top:5px;
}

.nav-tabs > li > a {
	border-radius: 10px 10px 0 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	font-weight: bold;
	background-color: #eeeeee;
	border-top: 1px solid #cccccc !important;
	border-left: 1px solid #cccccc !important;
	border-right: 1px solid #cccccc !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color: #555;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}
.tab-content {
	Padding: 10px 10px 10px 10px;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-radius: 4px;
	margin-bottom: 10px;
}
.borderless tr td {
	border: none !important;
	padding: 0px !important;
}



/*triangle
.dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
*/