.top-margin {
	margin-top: 3%;
}

img.main-logo {
	max-width: 250px;
	min-height: 0;
	padding-bottom: 2%;
	padding-top: 2%;
}

@media screen and (max-width: 767px) {
	.main-logo {
		display: block;
		margin: 0 auto;
		padding-bottom: 4%;
	}
}

/* Navigation Bar */
#nav-wrapper > #nav {
	background-color: #0055a5;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #fff;
	background-color: rgb(0,85,165);
}

#mob-menu span.caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

.navbar-default .navbar-brand {
	color: #fff;
}

.mobile-link-colour a {
	color: #fff;
}

@media (min-width: 980px) and (max-width: 1199px) {
	.reactive-item {
		display: none;
	}
}

/* Mobile Menu */
#mob-menu {
	margin-top: -3px;
}

#mobile-menu-btn > .icon-bar {
	background-color: #fff;
}

#mobile-menu-btn {
	border-color: #fff;
}

	#mobile-menu-btn:focus,
	#mobile-menu-btn:hover {
		background-color: #ddd !important;
	}

@media all and (min-width:980px) {
	#mob-menu {
		background-color: #522e91;
	}
}

@media all and (max-width:979px) {
	#mob-menu {
		background-color: #0055a5;
	}

	.navbar-default {
		background-color: #0055a5;
	}
}

@media all and (max-width: 979px) {
	.navbar-default > #mob-menu .navbar-nav > li > a {
		color: #fff;
	}

		.navbar-default > #mob-menu .navbar-nav > li > a:hover,
		.navbar-default > #mob-menu .navbar-nav > li > a:focus {
			color: #000;
			background-color: #ccc0da;
		}
}

/* Dropdown Styling */
#mob-menu .nav > .dropdown > .dropdown-menu {
	background-color: #522e91;
	border-color: #522e91;
}

	#mob-menu .nav > .dropdown > .dropdown-menu > li > a:hover,
	#mob-menu .nav > .dropdown > .dropdown-menu > li > a:focus {
		color: #fff;
		background-color: #0055a5;
	}

.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

/* Search */
.btn-search {
	color: #fff;
	background-color: #7559b2;
	border-color: #7559b2;
	text-shadow: none;
}

	.btn-search:hover,
	.btn-search:focus,
	.btn-search:active,
	.btn-search.active,
	.open .dropdown-toggle.btn-search {
		color: #fff;
		background-color: #3e2172;
		border-color: #2b174f;
	}

.mobile-search-bg {
	background: #562d82;
}

#searcharea {
	border-radius: 15px;
}

@media (max-width: 1199px) and (min-width: 768px) {
	#senavbar,
	.NavbarSearch-portlet input.tt-hint {
		width: 140px !important;
	}
}

/* Top Tasks */
.tile-1, .tile-4, .tile-5 {
	background: rgb(0,85,165);
}

.tile-2, .tile-3 {
	background: rgb(198,205,232);
}

#footer .tile-5 {
	background: rgb(86,45,130);
}

.tile-1 a.black-link,
.tile-4 a.black-link {
	color: white;
}

	.tile-1 a.black-link:hover,
	.tile-4 a.black-link:hover,
	.tile-1 a.black-link:focus,
	.tile-4 a.black-link:focus {
		color: #c6cde8;
	}

.tile-2 a.black-link,
.tile-3 a.black-link {
	color: #4247ca;
}

	.tile-2 a.black-link:hover,
	.tile-3 a.black-link:hover,
	.tile-2 a.black-link:focus,
	.tile-3 a.black-link:focus {
		color: #242882;
	}

.action-box, .action-box1 {
	height: 8.875em;
	border-width: 3px;
	border-color: white;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

.more-actions {
	font-size: 1.3em;
	height: 246px;
	border-width: 3px;
	border-color: white;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

.mb-task-box {
	display: table;
	height: 3em;
	font-size: 1.4em;
	border-style: solid;
	border-width: 1px;
	border-color: white;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

	.mb-task-box:hover,
	.mb-task-box:active,
	.mb-task-box:focus {
		text-decoration: underline;
	}

@media (max-width: 767px) {
	.mb-task-box {
		margin-bottom: 2%;
	}

	.tile-5 {
		padding-left: 20px;
		padding-right: 20px;
	}

	p.centred {
		margin-top: 3%;
	}
}

@media (max-width: 979px) {
	.tile-1, .tile-2, .tile-3, .tile-4 {
		background: rgb(0,85,165);
	}

	.tile-5 {
		background: rgb(86,45,130);
	}

	a > .mb-task-box > p,
	.mb-task-box:hover,
	.mb-task-box:active,
	.mb-task-box:focus {
		color: #fff;
	}

	.tile-5 > p {
		margin-top: 3%;
	}
}

/* Panel */
.panel {
	border-color: #bce8f1;
}

.panel-heading {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}