/**********************************/
/* General
/**********************************/
body{
	font-family: "Open Sans",sans-serif;
	font-size:12px;
}

#header, #breadcrumb, .navbar, .dropdown-menu{
	font-size:13.5px;
}

strong, b{
	font-weight:600;
}

/**********************************/
/* Text helpers
/**********************************/
.text-right{
	text-align:right !important;
}
.text-left{
	text-align:left !important;
}

/**********************************/
/* Container
/**********************************/
/* mobile  */
@media (max-width: 767px){
	.container{
		padding:0px 31px;
	}
}
/* desktop */
@media (min-width: 768px){
	.container{
		width:95%;
		max-width:1024px;
		padding:0px 62px;
	}
}

/**********************************/
/* Navbar
/**********************************/
.navbar{
	border-radius:0px;
	border:none;
	min-height:0;
}
.navbar-default .navbar-nav > li > a{
	padding:0px 16px;
	line-height:34px;
	height:34px;
}
.navbar-nav > li > .dropdown-menu{
	margin-top:-1px;
}

/* mobile  */
@media (max-width: 767px){
	.navbar.navbar-default{
		margin:0px -16px 20px -16px;
	}
}

/* desktop */
@media (min-width: 768px){
	.navbar.navbar-default{
		padding:0px 46px;
		margin:0px -62px 20px -62px;
	}
	.container-fluid > .navbar-collapse{
		padding:0px;
		margin-left:-15px;
	}
}

/**********************************/
/* Jumbotron
/**********************************/
/* mobile  */
@media (max-width: 767px){
	.jumbotron{
		margin:0px -16px 20px -16px;
	}
}

/* desktop */
@media (min-width: 768px){
	.jumbotron{
		margin:0px -62px 20px -62px;
	}	
}

/**********************************/
/* Title
/**********************************/
#breadcrumb, h1, h2, h3, h4{
	overflow: hidden;
	padding:6px;
	padding-right:62px;
}

/* mobile  */
@media (max-width: 767px){
	#breadcrumb, h1, h2, h3, h4{
		margin:10px -16px 10px -16px;	
	}
	h3, h4{
		max-width:320px;
	}
}

/* desktop */
@media (min-width: 768px){
	#breadcrumb, h1, h2, h3, h4{
		padding:6px 62px;
		margin:10px -62px 10px -62px;
		max-width:480px;
	}
	h3, h4{
		max-width:320px;
	}
}

/**********************************/
/* Form
/**********************************/
label{
	font-weight:600;
}
label.checkbox{
	margin-left:20px;
}
form h5{
	margin-bottom:0px;
}


/**********************************/
/* List-group
/**********************************/
.list-group > .list-group-item{
	border:none;
	padding-left:0px;
}