html {
	position: relative;
	min-height: calc(100% - 3px);
}

body {
	font-family: 'DIN Regular', sans-serif;
	background-color: #ededed;
	margin-bottom: 120px;
}
body>div.content{
	padding-bottom:80px;
	background-color:#ededed;
}

*:focus {
	outline: transparent !important;
}

/* Custom Definitions */

.blade {
	min-height: 50px;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(75,75,75,0.3);
	-moz-box-shadow: 0px 1px 1px 0px rgba(75,75,75,0.3);
	box-shadow: 0px 1px 1px 0px rgba(75,75,75,0.3);
}

.blade .navbar-toggle {
	background-color: #F7F8F9;
	border: 1px solid #CCC;
	color: #007C41;
	padding: 5px 7px 5px 7px;
}

@media (min-width: 768px) {
	.blade .navbar-nav li:first-child { border: none; }
	.blade .navbar-nav li {
		border-left: 1px solid #999;
		margin: 12px 0px 0px 10px;
		padding: 0px 0px 0px 10px;
	}
}

.blade .navbar-nav li > a {
	font-size: 12px;
	font-family: 'Helvetica', sans-serif;
	text-shadow: none;
	text-decoration: none;
	color: #999;
	padding: 0px;
}

.blade .navbar-nav li > a:hover { text-decoration: underline; background: none; }

.navbar-menu {
	background-size: cover;
}

.navbar-menu .navigation {
	margin-top: 40px;
}

#menu {
	text-align: right;
}

.message-card {
	text-align: center;
}

h4.tracking-number {
	font-weight: bold;
	font-family: 'DIN Medium', sans-serif;
	color: #007C41;
}

.emerg-location {
	font-size: 16px;
	font-family: 'Helvetica', Ariel, sans-serif;
	font-weight: normal;
	color: #484848;
}

.emerg-time {
	margin: 0px;
}

.panel-body {
	word-break: break-word;
}
.panel.emerg {
	background: url(https://login.ualberta.ca/module.php/themeuofa/img/emergency-alert.svg) 15px 15px no-repeat;
	padding-left: 86px;
}

.panel.selfserve {
  background-color: #ededed;
  text-align: center;
}

.login h1 {
	font-family: 'DIN Bold';
	font-weight: normal;
	line-height: 35px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-align: center;
}

.login h2 {
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.login input {
	font-size: 16px;
	margin-bottom: 15px;
	width: 100%;
	color: #484848;
	padding: 3px 0px 3px 7px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.login input:focus {
	font-size: 16px;
	outline: transparent;
	border: 1px solid #00AF5C;
	padding: 3px 0px 3px 7px;
}

.login input[type="submit"] {
	width: 100%;
	color: #fff;
}

.login .forgot-password {
	text-align: right;
	margin-bottom: 15px;
}

.login .forgot-password a {
	font-size: 14px;
	line-height: 20px;
}

.login .error {
	font-size: 14px;
	color: #E56A54;
	line-height: 20px;
	margin-bottom: 15px
}

.metadata {
	height: 250px !important;
	font-family: 'DIN Regular', sans-serif;
}

.navbar-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 90px;
	color: #fff;
	background-color: #007C41;
	border: none;
	border-top: 3px solid #FFDB05;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px -1px -1px 0px rgba(75,75,75,0.3);
	-moz-box-shadow: 0px -1px -1px 0px rgba(75,75,75,0.3);
	box-shadow: 0px -1px -1px 0px rgba(75,75,75,0.3);
	margin-bottom: 0px;
}

.navbar-footer .navigation {
	margin-top: 25px;
}

.navbar-footer .navigation > .navbar-collapse {
	padding-left: 0px;
}

.navbar-footer .navbar-nav {
	font-size: 14px;
	font-family: 'DIN Medium', sans-serif;
	text-shadow: none;
	text-decoration: none;
	color: #fff;
	padding: 0px;
	min-height: 22px;
}

.navbar-footer .navbar-nav li > a {
	font-size: 16px;
	font-family: 'DIN Medium', sans-serif;
	text-shadow: none;
	text-decoration: none;
	color: #fff;
	padding: 0px 5px 0px 0px;
}

.navbar-footer .navbar-nav li:first-child > a:before { content: ""; padding-right: 0px; }
.navbar-footer .navbar-nav li > a:before {
	content: "|";
	padding-right: 5px;
}

.navbar-footer .navbar-nav li > a:active, .navbar-footer li.active, .navbar-footer .navbar-nav li > a:hover { background: none !important; text-decoration: underline; }

.navbar-footer .copyright a { color: #fff; }

/* Bootstrap Overrides */
.navbar-menu .navbar-nav li { margin-left: 10px; }
.navbar-menu .navbar-nav li > a {
	border-top: 2px solid transparent;
	font-size: 14px;
	font-family: 'DIN Regular', sans-serif;
	font-weight: bold;
	text-shadow: none;
	text-decoration: none;
	color: #fff;
	padding: 9px 15px 10px 15px;
}

.navbar-menu .navbar-nav li > a:hover { background-color: rgba(255,255,255,0.3); border-top: 2px solid #fff; }
.navbar-menu .navbar-nav li > a:active, .navbar-nav li.active { background-color: rgba(255,255,255,0.3); }

.navbar-menu {
	background-image: url('https://login.ualberta.ca/module.php/themeuofa/img/IST-Green-Header.svg');
	color: #fff;
	background-color: #007C41;
	border: none;
	border-bottom: 3px solid #FFDB05;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(75,75,75,0.3);
	-moz-box-shadow: 0px 1px 1px 0px rgba(75,75,75,0.3);
	box-shadow: 0px 1px 1px 0px rgba(75,75,75,0.3);
}

.navbar-menu > .container, .navbar-footer > .container {
	min-height: 90px;
}

.navbar-menu .navbar-brand > img {
	height: 60px;
}

.navbar-menu .navbar-toggle {
	border: 1px solid #CCC;
	color: #007C41;
}

.navbar .collapse a, .navbar .collapsing a {
	text-align: left;
}

a {
	color: #007C41;
}

h1 {
	font-size: 25px;
	font-family: 'DIN Bold', 'Helvetica', sans-serif;
	font-weight: normal;
	line-height: 35px;
	color: #484848;
	padding-bottom: 10px;
}

h2 {
	font-size: 24px;
	font-family: 'DIN Regular', sans-serif;
	font-weight: bold;
}

h3 {
	font-size: 20px;
	font-family: 'DIN Regular', sans-serif;
	font-weight: bold;
	line-height: 23px;
	color: #484848;
	padding-bottom: 10px;
}

h6 {
	font-size: 14px;
	font-family: 'Helvetica', Ariel, sans-serif;
	font-weight: bold;
	line-height: 17px;
	color: #484848;
	padding-bottom: 10px;
}

p {
	font-size: 16px;
	font-family: 'Helvetica', Arial, sans-serif;
	font-weight: normal;
	line-height: 23px;
	color: #484848;
}

.panel {
	background: #fff;
	border: 1px solid #ddd;
	color: #484848;
	font-weight: normal;
	margin: 0px auto 15px auto;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(75,75,75,0.3);
	-moz-box-shadow: 0px 1px 1px 0px rgba(75,75,75,0.3);
	box-shadow: 0px 1px 1px 0px rgba(75,75,75,0.3);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.panel .panel-heading {
	background: none;
	border: none;
	padding: 15px 15px 0px 15px;
	margin: 0px;
}

.panel-body {
	padding: 15px;
}

.panel-danger {
	-webkit-box-shadow: 0px 1px 1px 0px rgba(221,75,57,0.3);
	-moz-box-shadow: 0px 1px 1px 0px rgba(221,75,57,0.3);
	box-shadow: 0px 1px 1px 0px rgba(221,75,57,0.3);
}

.panel-danger .panel-heading {
	color: #E56A54;
}

.panel-danger .panel-heading h3 {padding: 0px; font-size: 20px;}
.panel-danger .panel-body a{color: #E56A54;}

hr {
	border: #ddd 1px solid;
}

.btn, input[type="submit"].btn {
	font-family: 'DIN Regular', sans-serif;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 8px 15px 7px 15px;
	text-decoration: none;
	text-shadow: none;
}

.btn-default {
	border: 1px solid transparent;
	background: #007C41;
	color: #fff;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(75,75,75,0.3);
	-moz-box-shadow: 0px 1px 1px 0px rgba(75,75,75,0.3);
	box-shadow: 0px 1px 1px 0px rgba(75,75,75,0.3);
	text-transform: uppercase;
}

.btn-default:hover, .btn-default:focus {
	background-color: #318C4D;
	color: #fff;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(75,75,75,0.3);
	-moz-box-shadow: 2px 2px 3px 0px rgba(75,75,75,0.3);
	box-shadow: 2px 2px 3px 0px rgba(75,75,75,0.3);
}

.btn-danger {
	border: 1px solid transparent;
	background: #E56A54;
	color: #fff;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(75,75,75,0.3);
	-moz-box-shadow: 0px 1px 1px 0px rgba(75,75,75,0.3);
	box-shadow: 0px 1px 1px 0px rgba(75,75,75,0.3);
	text-transform: uppercase;
}

.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.ss_button {
	width: 100%;
	padding: 8px 15px 7px 15px;
	text-decoration: none;
  border: 1px solid transparent;
  background: #007C41;
  color: #fff;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(75,75,75,0.3);
  -moz-box-shadow: 0px 1px 1px 0px rgba(75,75,75,0.3);
  box-shadow: 0px 1px 1px 0px rgba(75,75,75,0.3);
  text-transform: uppercase;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.navbar-footer .navbar-header {
	float: right;
}

.navbar-footer .copyright {
	padding-top: 22px;
}

footer {
	position: fixed;
	bottom: 0;
	width: 100%;
}

/* Media Queries */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.navbar-footer .navbar-header {
		float: left;
	}
	
	.navbar-footer .copyright {
		padding-top: 0px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	h1 { font-size: 30px; }
	h2 { font-size: 27px; }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}