/* Move down content because we have a fixed navbar that is 50px tall */
body {
	font-family: 'Open Sans', sans-serif;
	color:#646970;
}

/*
* Typography
*/

h1, h2, h3, h4, h5{
	font-family: 'Raleway', sans-serif;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-bottom: 9px;
	border-bottom: 1px solid #ccd9e8;
	color:#002f65;
}

/*
* Sidebar
*/

.sidebar {
	position: fixed;
	top: 0px;
	bottom: 0;
	left: 0;
	z-index: 1000;
	padding: 20px;
	overflow-x: hidden;
	overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
	border-right: 1px solid #eee;
	
	background: #002f65; /* Old browsers */
	background: -moz-linear-gradient(top, #002f65 0%, #70baff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #002f65 0%,#70baff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #002f65 0%,#70baff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f65', endColorstr='#70baff',GradientType=0 ); /* IE6-9 */
	
}

/* Sidebar navigation */
.sidebar {
	padding-left: 0;
	padding-right: 0;
}

.sidebar .nav {
	margin-bottom: 20px;
}

.sidebar .nav-item {
	width: 100%;
}

.sidebar .nav-item + .nav-item {
	margin-left: 0;
}

.sidebar .nav-link {
	border-radius: 0;
	color:#ffffff;
}

.sidebar .nav-link.active {
	background-color:#00254f;
}

.sidebar .nav-link:hover {
	color:#70baff;
}

/*
* Dashboard
*/

/* Placeholders */
.placeholders {
	padding-bottom: 3rem;
}

.placeholder img {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

code{
	display:block;
	margin:1rem;
	border-left:3px solid #4584c3;
	background-color:#dbe7f2;
}

.modal-dialog{
	width: 60%;
    max-width: 60%;
    margin: 30px auto;
}