html{
	overflow-y: scroll;
}

html,
body{
	height: 100%;
}

body{
	background-color: #555;	
}

.viewport-wrapper{
	min-height: 100%;
	margin: 0 auto -33px;
}

.view-push{
	height: 33px;
}

.header{
	background-color: #111;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	color: #fff;
	padding-top: 10px;
}

.header::after{
	clear: both;
	content: "";
	display: table;
}

.navbar-default{
	background-color: transparent;
	border: none;
	margin-bottom: 5px;
}

.navbar-default .navbar-brand{
	font-size: 2.4em;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a{
	transition: color 0.394s ease-in-out;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-nav > li > a:hover{
	transition: color 0.206s ease-in-out;	
}

.navbar-rightmost{
	padding-right: 0;
}

.footer{
	background-color: #000;
	border-top: 1px solid #111;
	color: #333;
	min-height: 32px;
	line-height: 32px;
}

.footer a{
	color: #aaa;
}

.footer ul{
	margin-bottom: 0;
}

.card{
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 7px;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.05);
	margin: 30px 0;
	padding: 15px 20px;
}

.card .page-header{
	margin-top: 0;
}

.card .page-header h1{
	margin-top: 0;
}

.card-link{
	cursor: pointer;
	display: block;
	margin: -15px -20px;
	overflow: hidden;
	padding: 15px 20px;
}

.card-link:hover{
	text-decoration: none;
}

.card-link img{
	margin: -45px -60px 30px -60px;
	max-width: calc(100% + 120px);
}

.card-alert{
	background-color: firebrick;
	color: #fff;
	border-radius: 7px;
}

.card-alert:active,
.card-alert:focus,
.card-alert:hover
{
	color: #fff;
	text-decoration: underline;
}

.full-width > iframe:first-child{
	border: none;
	height: calc(100% - 99px);
	position: absolute;
	width: 100%;
}

.dashboard{
	margin-top: 30px;
}

.card-news{
	background-color: #fffacd;
    color: #977;
	margin-bottom: 15px;
	padding: 10px 15px;
}

.card-news p:last-child{
	margin-bottom: 0;
}

form .dl-horizontal{
	margin-top: 3em;
}

form .dl-horizontal dd{
	margin-bottom: 2em;
}

form #custom_message{
	min-height: 10em;
}