@charset "utf-8"; 
/* CSS Document */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-top: 60px; 
  margin-bottom: 50px;
  color: #0b4748;
  background: #cccbd1;
}

a:link {
  text-decoration: none;
  /*color: #253779; */
}

.badge.badge-primary {
  background-color: #2c2f90;
}
.badge.badge-secondary {
  background-color: #6c757d;
}
.badge.badge-success {
  background-color: #0b4748;
}
.badge.badge-info {
  background-color: #00b8f0;
}
.badge.badge-warning {
  background-color: darkorange;
}
.badge.badge-danger {
  background-color: #e30613;
}

.header{
	padding:5px;
	color:#0b4748;
	position:absolute ;
	top: 0;
	width: 100%;
	height: 50px;
	padding-top: 7px;
	background: #0b4748; /* Old browsers */
	background: -moz-linear-gradient(to bottom, #cccbd1 50%, #0b4748 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to bottom, #cccbd1 50%,#0b4748 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #cccbd1 65%,#0b4748 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccbd1', endColorstr='#0b4748',GradientType=0 ); /* IE6-9 */
}

.footer{
	padding:5px;
	padding-top: 18px;
	font-size: 16px;
	color:#cccbd1;
	position: absolute;
	bottom: 0;
	width: 100%; 
	height: 50px;
	background: #0b4748; /* Old browsers */
	background: -moz-linear-gradient(to bottom, #cccbd1 50%, #0b4748 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to bottom, #cccbd1 50%,#0b4748 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #0b4748 65%,#cccbd1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccbd1', endColorstr='#0b4748',GradientType=0 ); /* IE6-9 */
}