/**
 * =======================================================
 * Please DO NOT add site-specific css to this style sheet
 * ======================================================= 
 **/


/**
 * NOC Responsive theme uses Bootstrap v3.0.2
 *
 * see http://bootstrapdocs.com/v3.0.2/docs/css
 **/



/* MAIN styles */
/* =========== */


body {
	background: url("../images/bkgBottom.jpg") no-repeat fixed center bottom #125f83;
	color: #445a5a !important;
	font-family: sans-serif;
	margin: 0 auto;
	max-width: 3840px;	/* UHD (ultra-HD) size */
	min-width: 320px;	/* Mobile phone width */
}




/* Set screen width breakpoint style for jQuery to detect */
/* See http://codepen.io/mherchel/pen/gbygBd              */

body:before {
	content: "smaller";
	display: none;
}

@media (min-width: 1024px) {	/* For SCREENS of 1024px width and ABOVE - Use with navbar1023.css (default was 768px) */
	body:before {
		content: "larger";
	}
}





@media (min-width: 1931px) {			/* set 'min-width' to the background image width */
	body {
	 	background-size: cover;		/* For very large screens bigger than the image, stretch to cover entire width of browser */
	}
}



#toolbar {
	box-shadow: 0 3px 20px #000 !important;	/* box-shadow: none|h-shadow v-shadow blur spread colour |inset|initial|inherit; */
}						/* Put back toolbar box shadow (removed in Bootstrap's overrides.css) */

#toolbar div.toolbar-drawer {
	min-height: 34px;			/* Only 28px for non-admin logged-in users - see built-in /modules/toolbar/toolbar.css */
}

.trans .main-container {
	background: #fff;
	padding-bottom: 0.75em;
	padding-top: 0.75em;
}

.innerFooter {
	background: url("../images/footer-bkgd-fade.png") repeat-x bottom #003150;
	color: #a8b3b9;
	padding-bottom: 10px;
	padding-top: 5px;
}

.innerFooter h2,
.innerFooter h3 {
	border-bottom: 1px solid #125f83;
	color: #bef;
	padding-bottom: 0.2em;
}

.footer {
	background-color: #062636;
	border-top: 0;			/* Remove the '1px solid #e5e5e5' in Bootstrap overrides.css */
	color: #a8b3b9;
	font-size: 90%;
 	margin-top: 0;			/* Remove the '45px' in Bootstrap overrides.css */
	padding-bottom: 10px;		/* Change the '36px' in Bootstrap overrides.css */
	padding-top: 15px;		/* Change the '35px' in Bootstrap overrides.css */
}

.footer a {
	color: #a8b3b9;
	text-decoration: underline;
}

#nerc a:first-child img {
	background: url("../images/nerc-logo-bw.png") 0 0 no-repeat;
	height: 0;
	margin-bottom: 10px;
	padding: 0 72px 42px 0;
	width: 0;
}					/* Replace print logo with small screen logo */

#navbar a {
	outline: 0;
}					/* Stop dotted outline when clicked */

.page-header {
	margin-bottom: 10px;
}

.page-header h2,
.page-header h3 {
	margin-bottom: 0;
}

.panel {
	margin-bottom: 15px;		/* Default is 20px */
}

#main-website {
	display: none;
}					/* Hide NOC website link */

#block-search-form {
	margin: 10px /* was 5px */ 0 5px 5px;
	width: 200px;
}

.navbar-btn {
	margin-bottom: 14px;
	margin-top: 14px;
}

.input-group .form-control {
	-webkit-appearance: none; 	/* Fix for overly-rounded search input boxes in iOS */
}
 
.views-exposed-form .form-control {
	width: 200px;			/* Bootstrap default is 100% */
}

.views-exposed-form .views-exposed-widget.views-submit-button {
	padding-right: 0;		/* Bootstrap default is 1em */
}

.views-exposed-form .description {
	font-weight: bold;
}


.dropdown-menu .row,	.dropdown-menu div[class*="col-"],
.main-container .row,	.main-container div[class*="col-"],
.main-container aside[class*="col-"],	.main-container section[class*="col-"],
.innerFooter .row,	.innerFooter div[class*="col-"],
.footer .row,		.footer div[class*="col-"] {
	padding-left: 7.5px;
	padding-right: 7.5px;
}					/* Reduce overall margins from 30px to 15px (works better on iOS if 'padding' has even values) */




/* Right hand side (sidebar-second) styles */
/* ======================================= */

.region-sidebar-second section[id^="block-menu-menu-"] {
/*	background: none repeat scroll #f2f2f2 !important;	*/
/*	background: url("../images/rhs-bkgd.png") no-repeat bottom #f2f2f2 !important;	*/
/*	border-radius: 3px;	*/
/*	box-shadow: 0 5px 5px 0 #444;	*/	/* box-shadow: none|h-shadow v-shadow blur spread colour |inset|initial|inherit;	*/
/*	padding: 12px 8px 8px 8px;	*/
/*	z-index: 0;	*/
	background: #f3f3f3 none repeat scroll 0 0;	/* was #f5f5f5 */
	margin: 10px 0 20px 0;
	padding: 1em;
}

.region-sidebar-second .block h2 {
	font-size: 20px;
}



/* Menu and dropdowns to be full width for megamenu instead of Bootstrap default */
/* ----------------------------------------------------------------------------- */

.navbar-default {
	border-bottom: 5px solid #062636 !important;
	z-index: 999;
}					/* Header (with id of 'navbar') */





/* Drop-down menu styles */
/* ===================== */


/* Get dropdown to trigger on hover in noc_responsive.js by addClass/removeClass 'open' */
/* ------------------------------------------------------------------------------------ */

.navbar-default {
	background-image: none;		/* Override Bootstrap default */
	border-radius: 0;		/* Override Bootstrap default */
}

.navbar-default .navbar-nav > .active > a {
/*	background: none 0;	*/
	filter: none;	/* IE fix */
}					/* Reset tab background when active - added because it suddenly needed it (on 14/08/14) */





/* Bootstrap adds the URL after a link    */
/* on printed pages - We don't want this! */

@media print {
	a[href]:after {
		content: none;		/* get rid of this Bootstrap default: " (" attr(href) ") "; */
	}
}




/* form-inline tweak to override existing value of 'middle' */

.form-inline .form-group {
	vertical-align: bottom;
}




/* Opacity and other settings for header image (above) */
/* Note: Opacity changes the 'stacking context'        */
/*       set position:relative for logo and overlays   */
/* --------------------------------------------------- */

#header-img {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.85;
}

#header-img2 {
	display: none;
}




/* Tweak breadcrumb styles */
/* ----------------------- */

.breadcrumb {
	background: none;
	border-radius: 0;
	font-size: 90% !important;
	margin-bottom: 10px;
	padding: 0;
}

.breadcrumb li {
	display: inline;
}

.breadcrumb > li + li:before {
	margin-left: -4px;	/* Extra */
	margin-right: -2px;	/* was -4px */
	padding: 0 2px;
}










/* =================================== */
/*                                     */
/*   VIEWPORT WIDTH DEPENDENT STYLES   */
/*                                     */
/* =================================== */


@media (max-width: 1199px) {		/* Stretch to full width, NO transparent background */

	.container {
		max-width: 100% !important ;
		width: 100% !important;
	}

	.trans .main-container {
		width: 100%;
	}
}


@media (min-width: 1200px) {		/* For large enough screen width, show the transparent background */

	#bkgTop {
		background: url("../images/bkgTop.png") no-repeat fixed center top rgba(0, 0, 0, 0);		/* Radial gradient background image */
	/*	background: url("../images/globe_outline_xl.png") no-repeat scroll center 300px rgba(0, 0, 0, 0);	*/	/* Globe background image */
	/*	background-size: 3250px auto;	*/
	}

	.nav_trans,
	.trans,
	.foot_trans {
		background: url("../images/trans.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	/*	background: none rgba(175, 223, 246, 0.25);	*/	/* Original alpha is 0.2 */
		margin: 0 auto;
		margin-bottom: 0;	/* 10px normally, or 0 if using footerShade --- Gap at bottom of entire page, was 15px */	
		max-width: 1170px;
	}

	.trans {
		padding-bottom: 10px;	/* Gap between main content and footer, was 15px */
	}

	.foot_trans {
		border-radius: 0 0 4px 4px;
	}

	.trans .main-container {
		border-radius: 0 0 3px 3px;
		max-width: 1150px;	/* Main content width inside transparent, was 1140px */
	}

	#navbar.container {		/* Was not required for .trans .main-container with 15px margins */
		max-width: 1150px;
	}

	.footer {
		border-radius: 0 0 4px 4px;
	}

	#footerShade {
		background: url("../images/footer.png") no-repeat scroll center top rgba(0, 0, 0, 0);
		height: 12px;
	}
}










@media (max-width: 1023px) {	/* For SCREENS BELOW 1024px width - Use with navbar1023.css (default was 767px) */

	#navbar {
		background-color: #003;
		margin-bottom: 0;
		margin-top: 0;
	}

	#navbar .navbar-header {
		background-color: #003;
		min-height: 65px;
	}


	/* Overlay header image with opacity (see below)     */
	/* Note: Opacity changes the 'stacking context'      */
	/*       set position:relative for logo and overlays */
	/* ------------------------------------------------- */

	#header-img {
		background: url("../images/banners/rotate.php") 67% 8% no-repeat #003;
		max-height: 69px;
	}


	/* Replace print logo with small screen logo */
	/* ----------------------------------------- */

	#navbar a.logo img {
/*		background: url("../images/noc-logo-white.png") 0 0 no-repeat;	*/
		background: url("../images/logo-full.png") 0 0 no-repeat;
		background-size: 200px auto;
		height: 0;
		overflow: hidden;
		padding: 0 200px 50px 0;	/* was 0 176px 41px 0 */
		width: 0;
		position: relative;	/* See #header-img above */
	}

	.navbar .logo {
		margin-top: 8px;
		margin-bottom: 5px;
		margin-right: -15px;
		padding-left: 8px;
		padding-right: 8px;
	}

	.navbar {
		border: 0 none;
	}				/* Remove border - added because it suddenly needed it (on 05/08/14) */

	.navbar-collapse.collapse,
	.navbar-collapse.collapsing,
	.navbar-collapse.in {
		border-color: #101010;
	}				/* Reset border colour - added because it suddenly needed it (on 05/08/14) */





	/* ============================= */
	/* Navbar styles for the default */
	/* navbar on small screens       */
	/* ============================= */

	.default-nav .dropdown-menu > li > a {
		white-space: normal;
	}

	.default-nav .navbar .nav > li > a {
		padding-left: 25px;
		padding-right: 25px;
	}				/* Tabs padding */

	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding-left: 50px;
		padding-right: 25px;
	}				/* Dropdown list padding */

	.navbar-toggle {
		margin-bottom: 18px;
		margin-top: 18px;
	}				/* Menu button margins */

	.navbar-toggle,
	.navbar-toggle:focus,
	.navbar-toggle:hover {
		background-color: #222 !important;
		border: 0 none;
	}				/* Menu button - set background and remove border - needed to add this on 05/08/14 */



	/* Don't show sub-sub-menus on small screens */
	.dropdown-submenu > .dropdown-menu {
		display: none !important;
	}

	.dropdown-submenu > a:after {
		content: none !important;
	}





	#navbar {
		background-color: #0d416b;
	}				/* Corporate colour PMS 541 */

	.navbar-default .navbar-nav > li > a {
		color: #ccc;
		padding-left: 20px;
		padding-right: 20px;
	}				 /* Default text colour */

	.navbar-default .navbar-nav > .dropdown > a:focus,
	.navbar-default .navbar-nav > .dropdown > a:hover {
		background-color: rgba(6,38,54,0.5);
		color: #ccc;
	}				/* Hover tab text and background colours */

	.navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > .active > a:hover {
		background-color: rgba(6,38,54,0.75);
		color: #fff;
	}				/* Override Bootstrap (hover) - active dropdown tab */

	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus {
		color: #ccc;/* !important;*/
	}				/* Tab text with open dropdown */
	
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus {
		background-color: rgba(6,38,54,0.75);
	}				/* Tab background colours, with open dropdown */

	.navbar-default .navbar-nav > .open > a .caret,
	.navbar-default .navbar-nav > .open > a:hover .caret,
	.navbar-default .navbar-nav > .open > a:focus .caret,
	.navbar-default .navbar-nav > .dropdown > a .caret,
	.navbar-default .navbar-nav > .dropdown > a:focus .caret,
	.navbar-default .navbar-nav > .dropdown > a:hover .caret {
		border-bottom-color: #ccc;
		border-top-color: #ccc;
	}				/* Caret colour, open and unopened */

	.navbar-default .navbar-nav > .open > .dropdown-menu > .active > a,
	.navbar-default .navbar-nav > .open > .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav > .open > .dropdown-menu > .active > a:focus {
		background-color: #428bca;
	}				/* Open+active link background */

	.navbar-default .navbar-nav .open .dropdown-menu > .active > a {
		color: #ccc;
	}				/* Open+active link colour */

	.navbar-default .navbar-nav > .open > .dropdown-menu > li > a {
		color: #ccc;
	}				/* Open dropdown text colour */

	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > .dropdown-menu > li > a:focus,
	.navbar-default .navbar-nav > .open > .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav > li:not(.dropdown) > a:focus,
	.navbar-default .navbar-nav > li:not(.dropdown) > a:hover {
		background-color: #f5f5f5;
		color: #262626;
	}				/* Hover on open dropdown text colour (also on tabs without dropdowns) */

	.navbar-default .navbar-nav > .open > .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav > .open > .dropdown-menu > .active > a:focus {
		color: #fff;
	}
	
	.navbar-default .navbar-nav > .active > a {
		background-color: rgba(3,19,27,0.875);
		color: #ccc;
	}				/* Active text colour and background */


}










@media (min-width: 1024px) {	/* For SCREENS of 1024px width and ABOVE - Use with navbar1023.css (default was 768px) */

	#navbar {
		background-color: #003;
		border: 0 none;
		border-radius: 0;
		margin-top: 0;
		margin-bottom: 0;
		min-height: 150px;	/* Set to 150px, but if using globe overlay set to 160px */
	}

	.trans .main-container {
		min-height: 625px;
	}

	#block-search-form {
		float: right !important;	/* Suddenly needed the '!important' on 10/2/15 */
	}





	/* Overlay header image with opacity (see below)     */
	/* Note: Opacity changes the 'stacking context'      */
	/*       set position:relative for logo and overlays */

	#header-img {
		background: url("../images/banners/rotate.php") /* was 50% */ 80% 0 no-repeat scroll #003;
	}



	/* Override default print logo with screen logo */

	#navbar a.logo img {
		background: url("../images/logo-full.png") 0 0 no-repeat;
		height: 0;
		padding: 0 315px 85px 0;	/* Set to accommodate new image size */
		width: 0;		/* Set size 0 to hide existing logo, use padding/background to display 'stacked' logo */
		position: relative;	/* See #header-img above */
	}	

	#navbar a.logo:hover img {
		background-position: 0 -85px;
	}				/* Shift 'stacked' logo position on hover */





	/* ======================================= */
	/* Navbar styles for large screen for both */
	/* the default navbar and the megamenu     */
	/* ======================================= */

	.navbar-default .navbar-nav {
		bottom: 0;
		display: inline-block;
		float: left;
		left: 0;
		margin: 0;
		padding-left: 15px;
		position: absolute;
		width: 100%;
	}

	.navbar-default .navbar-nav.secondary {
		margin-left: 72%;
		width: 28%;
	}				/* Manually adjust to place secondary menu after instead of above main menu */

	.navbar-default .navbar-nav > li,
	.navbar-default .navbar-nav > li > a {
		border-radius: 4px 4px 0 0;
	}				/* Set rounded top corners on tabs */

	.navbar-default .navbar-nav > li {
		background: rgba(6,38,54,0.79);	/* was #062636 */
		float: left;
		margin-left: 0;
		margin-right: 2px;	/* Space between tabs */
	}				/* Default background/position for all tabs */

	.navbar-default .navbar-nav .dropdown-menu {
		background-color: rgba(6,38,54,0.97);	/* was #062636 */
	}				/* Dropdown menu background and default text colours */

	.navbar-default .navbar-nav .dropdown-menu a:not(:focus):not(:hover) {
		color: #ccc;
	}				/* Dropdown menu link text colour */

	.navbar-default .navbar-nav > .dropdown > a .caret,
	.navbar-default .navbar-nav > .dropdown > a:focus .caret,
	.navbar-default .navbar-nav > .dropdown > a:hover .caret {
		border-bottom-color: #bbb;
		border-top-color: #bbb;
	}				/* Default caret colour */

	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > li > a:hover {
		color: #bbb;
		padding: 8px 10px 6px 10px;
	}				/* Override Bootstrap (hover) - default tab text padding and colour */

	.navbar-default .navbar-nav > li:not(.active) > a:focus,
	.navbar-default .navbar-nav > li:not(.active) > a:hover {
		background-color: rgba(6,38,54,0.875);
		color: #eee;
	}				/* Hover inactive non-dropdown tabs */

	.navbar-default .navbar-nav > .active > a {
		background-color: rgba(3,19,27,0.875);
		color: #bbb;		/* Active dropdown tab*/
	}

	.navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > .active > a:hover {
		background-color: rgba(6,38,54,0.875);
		color: #eee;
	}				/* Override Bootstrap (hover) - active dropdown tab */



	/* Use addClass/removeClass 'open' in noc_responsive.js to */
	/* trigger dropdowns in #megamenu-nav (Bootstrap shouldn't */
	/* need this, but it is useful for styling an opened tab). */

	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav > .open > a:hover {
		background-color: rgba(6,38,54,0.875);
		color: #eee;
	}				/* Override Bootstrap (hover) - tab open plus hover */





	/* ==================================== */
	/* Navbar styles for large screen for   */
	/* megamenu only (as used on noc.ac.uk) */
	/* ==================================== */

	#megamenu-nav .dropdown-menu { 
		border-top: 0 solid rgba(0, 0, 0, 0.0);
	}

	#megamenu-nav .next-last {
		margin-right: 100px;
	}				/* Set space between last tab and 'log out' tab */

/*	#megamenu-nav .dropdown-menu img,	*/
	#megamenu-nav .dropdown-menu p {
		padding-left: 3px !important;
		padding-right: 3px !important;
	}				/* Ermmm... extra bits */

	#megamenu-nav .dropdown-menu .media h4,
	#megamenu-nav .dropdown-menu .media p,
	#megamenu-nav .dropdown-menu .media img {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}				/* Reset extra bits for .media */

	#megamenu-nav .navbar-nav .dropdown-menu .row {
		margin: 0;
	}				/* Reset margins on row (which is otherwise larger than the menu width) */



	/* Mega-menu dropdown content styles */
	/* --------------------------------- */

	#megamenu-nav .navhead2 {
		margin: 3px 0;
	}

	#megamenu-nav .navhead3 {
		margin-left: 1em;
	}

	#megamenu-nav .navhead2 a,
	#megamenu-nav .navhead3 a {
		display: block;
		padding: 1px 3px;
		text-decoration: none;
	}				/* Settings for links */

	#megamenu-nav .navhead2 a {
	/*	border-bottom: 1px solid #bef;	*/	/* Line under if needed */
		color: #8cf;
		margin-top: 10px;
	}				/* Additional colour (and bottom border) */

	#megamenu-nav .navhead2 a:hover,
	#megamenu-nav .navhead2 a:focus {
		background-color: #f3f3f3;
		border-bottom-color: transparent;	/* 'Hide' bottom border on hover */
		border-radius: 3px;
		color: #29f;
	}				/* Background and text colour on mouseover */

	#megamenu-nav .navhead3 a:hover,
	#megamenu-nav .navhead3 a:focus {
		background-color: #f3f3f3;
		border-radius: 3px;
		color: #282828;
	}				/* Background and text colour on mouseover */

	#megamenu-nav .dropdown-menu h4 {
		font-size: 100%;
		font-weight: bold;
	}				/* Override with not so large size */

	#megamenu-nav .navhead3 .media a {
		background-color: transparent;
	}				/* Undo background-color of '.navhead3 a:hover' and '.navhead3 a:focus' for .media */

	#megamenu-nav .navhead3 li.clear-both {
		clear: both;
		margin-bottom: 5px;
	}				/* Views styles for: 'Latest News' and 'Latest Events' */

	#megamenu-nav .navhead3 li .views-field-field-image {
		float: left;
		width: 100px;
		min-height: 55px;	/* Minimum height for previously empty <div> below */
		margin-right: 10px;
		margin-bottom: 10px;
	}

	#megamenu-nav .navhead3 li .views-field-title a {
		margin-left: 105px;
	}				/* Fix under-lapping of link background box beneath the floated image <div> */


}










/* Jumbotron styles and overrides */
/* ============================== */

.container .jumbotron {
	background-size: cover;
	overflow: hidden;
	border-radius: 0;
	height: 375px;
}

.jumbotron {
	margin-bottom: 0.75em;
}

.jumbotron-caption,
.jumbotron-caption2 {
	top: 73px;
}

@media (max-width: 1023px) {	/* For SCREENS BELOW 1024px width - Use with navbar1023.css (default was 767px) */
/*
	.container .jumbotron {
		height: 325px;
	}
*/
	.jumbotron-caption,
	.jumbotron-caption2 {
		min-width: 305px;
		top: 0;
	}
}

.jumbotron-caption h1,
.jumbotron-caption h2,
.jumbotron-caption h3,
.jumbotron-caption h4,
.jumbotron-caption h5 {
	background: rgba(0, 125,187, 0.5) none repeat scroll 0 0;
	padding: 0.33em;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.jumbotron-caption2 h1,
.jumbotron-caption2 h2,
.jumbotron-caption2 h3,
.jumbotron-caption2 h4,
.jumbotron-caption2 h5 {
	background: rgba(26, 26, 26, 0.5) none repeat scroll 0 0;
	padding: 0.33em;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}





/* Carousel styles */
/* --------------- */

.carousel-caption {
	left: 4%;
	text-align: left;
	top: 0;
	width: 45%;
}

.carousel-caption h3 {
	font-size: 150%;
	margin-bottom: 5px;
	margin-top: 10px;
}

.carousel-caption2 {
	/*right: 4%;
	position: absolute;
	text-align: right;
	bottom: 0;*/
	left: 4%;
	text-align: left;
	position: absolute;
	top: 30%;
	width: 40%;
	padding-bottom: 30px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	z-index: 10;
	color: #fff;
}
.carousel-caption2 h3 {
	font-size: 150%;
	margin-bottom: 5px;
	margin-top: 10px;
}

.carousel-indicators {
	bottom: 0;
}

.carousel-control > span {
	font-size: 120%;
}					/* Make left/right chevrons larger */

a.carousel-control.left,
a.carousel-control.right {
	background-image: none;		/* Remove default gradient background */
	outline: 0;
	z-index: 20;
}					/* Extra style puts prev/next buttons on top and stops dotted outline when clicked */

/*
a.carousel-control.left:hover {
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.25) 100%);
}

a.carousel-control.right:hover {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.25) 100%);
}
*/


/* Addtional new carousel with tabs styles */
/* --------------------------------------- */

#myCarousel .nav a small {
	display: block;
}

#myCarousel .nav {
	background: #eee;
}

.nav-justified > li > a {
	border-radius: 0;
}

.nav-pills > li[data-slideto].active a {
	background-color: #062636;
}







/* Page styles from original NOC theme */
/* =================================== */

h1.page-header,
h1[class^="title"] {
	clear: left;
	color: #0b1920;
	font-family: "Gill Sans MT", Arial, Helvetica, sans-serif;
	font-size: 32px;		/* was 2.3em */
	font-weight: normal;
	letter-spacing: -0.483333px;	/* was -0.015em */
	margin-top: 0;
	text-shadow: 0 1px 1px rgba(11,25,32,0.4);
}

h2[class^="title"] {
	clear: left;
	font-family: "Gill Sans MT", Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -0.322222px;	/* was -0.01em */
	margin-top: 0;
}

ul.nav-tabs {
	text-transform: uppercase;
	font-weight: bold;
}

p.intro {
	color: #3fa4c9;
	font-size: 130%;
	text-shadow: 0 1px 1px rgba(63,164,210,0.3);
}

.region-content a:not([class]), 
.region-content a:not([class]):visited {
	color: #c34000;			/* Original orange links */
/*	color: #007dbb;	*/
	text-decoration: none;
}					/* Original NOC theme style for any <a> in the main content that doesn't have a "class" attribute */

.region-content a:not([class]):hover {
	color: #204;			/* Original hover colour */
/*	color: #0d416b;	*/
}

.rightimg {
	float: right;
	margin: 0 0 15px 15px;
}

.leftimg {
	float: left;
	margin: 0 15px 15px 0;
}

.captionWrap span {
/*	float: right;	*/
	font: italic 14px Georgia, "Times New Roman", Times, serif;
	color: #888;
}





/* Panel box - re-assert overrides.css margin-top */
/* when panel is not first in the sidebar         */
/* ---------------------------------------------- */
.block.block-menu h2.block-title {
	margin-top: 0;
}




/* Corporate logo blue header for tables, with white bold text */
.table th {
	background-color: rgb(13,65,107);
	color: white;
	font-weight: bold;
}

/* Undo nowrap from table-responsive */
/* ================================= */
@media (max-width: 767px) {
	.table-responsive > .table > thead > tr > th,
	.table-responsive > .table > tbody > tr > th,
	.table-responsive > .table > tfoot > tr > th,
	.table-responsive > .table > thead > tr > td,
	.table-responsive > .table > tbody > tr > td,
	.table-responsive > .table > tfoot > tr > td {
		 white-space: normal;
	}
}





/* Tables styles from NOC theme           */
/* if it doesn't have a "class" attribute */
/* -------------------------------------- */

table:not([class]) table,
table.old table {
	margin: 0;
}

table:not([class]) tbody,
table.old tbody {
	background: #dceaef;
}

table:not([class]),
table.old {
	background: #dceaef;
	border-radius: 4px;
	border: 3px solid #dceaef;
}

table:not([class]) th,
table.old th {
	background: #50a6cd;
	color: #fff;
	font-weight: bold;
}

table:not([class]) tr:first-child th:first-child,
table.old tr:first-child th:first-child {
	border-top-left-radius: 2px;
}

table:not([class]) tr:first-child th:last-child,
table.old tr:first-child th:last-child {
	border-top-right-radius: 2px;
}

table:not([class]) tr:last-child th:first-child,
table.old tr:last-child th:first-child {
	border-bottom-left-radius: 2px;
}

table:not([class]) th[scope="col"],
table.old th[scope="col"] {
	border-bottom: 2px solid #217AA3;
}

table:not([class]) th[scope="row"],
table.old th[scope="row"] {
	border-right: 2px solid #217AA3;
}

table:not([class]) th,
table:not([class]) td,
table.old th,
table.old td {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 6px 8px;
}

table:not([class]) tr:last-child td,
table:not([class]) tr:last-child th,
table.old tr:last-child td,
table.old tr:last-child th {
	border-bottom: none;
}

table:not([class]) tr td:last-child,
table:not([class]) tr th:last-child,
table.old tr td:last-child,
table.old tr th:last-child {
	border-right: none;
}




/* -------------------------------*/
/* General useful styling classes */
/* -------------------------------*/

.bigBottomMargin{
	margin-bottom: 20px! important;
}

.bottomMargin {
	margin-bottom: 10px !important;
}

.bottomPadding{
	padding-bottom: 10px !important;
}

.leftMargin {
	margin-left: 10px !important;
}

.leftPadding {
	padding-left: 10px !important;
}

.rightMargin {
	margin-right: 10px !important;
}

.rightPadding {
	padding-right: 10px !important;
}

.topMargin {
	margin-top: 10px !important;
}

.bigTopMargin {
	margin-top: 20px !important;
}

.topPadding {
	padding-top: 10px !important;
}

.noBottomBorder {
	border-bottom: 0 !important;
}

.noBottomMargin {
	margin-bottom: 0 !important;
}

.noTopMargin {
	margin-top: 0 !important;
}

.centre {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.noWrap {
	white-space: nowrap;
}

.redTxt {
	color: red;
}

.orangeTxt {
	color: orange;
}

.greenTxt {
	color: limegreen;
}

.cyanTxt {
	color: turquoise;
}

.blueTxt {
	color: dodgerblue;
}

.lblueBkg {
	background-color: lightblue;
}


/* Prevent superscript/subscript affecting line-height */

sup, sub {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}

sub{
	top: 0.4em;
}


/* Add shadow on header h1, h2, h3, etc., elements when required */
/* ------------------------------------------------------------- */

.shadow {
	box-shadow: 0 4px 8px 0 #444;
}

.header-shadow {
	color: #0b1920;
	text-shadow: 0 1px 1px rgba(11,25,32,0.4);
}


/* Panels styles */
/* ------------- */

.bluegradient-bg {
	background-image: linear-gradient(to bottom, #062636 0, #125f83 100%);
}

.light-blue-gradient {
	background-image: linear-gradient(to bottom, #4597cb 0, #1e4388 100%);
}

.dark-blue-gradient {
	background-image: linear-gradient(to bottom, #272a67 0, #101419 100%);
}

.grey-gradient {
	background-image: linear-gradient(to bottom, #e0e1e3 0, #aeb0b3 100%);
}

.panel-lbg {
	border-color: #4597cb;
}

.panel-lbg > .panel-heading {
	background-image: linear-gradient(to bottom, #4597cb 0, #1e4388 100%);
	border-color: #4597cb;
	color: #eedf0f;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.panel-lbg > .panel-heading a {
	color: #ebda00;
	font-weight: 700;
}

.panel-dbg {
	border-color: #272a67;
}

.panel-dbg > .panel-heading {
	background-image: linear-gradient(to bottom, #272a67 0, #101419 100%);
	border-color: #4597cb;
	color: #ebda00;
}

.panel-gg {
	border-color: #ddd;
}

.panel-gg > .panel-heading {
	background-image: linear-gradient(to bottom, #e0e0e0 0, #aeb0b3 100%);
	border-color: #ddd;
	color: #101419;
	font-weight: 700;
}

.panel-bottom {
	background: #f4f4f4;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border: 0;
}

.panel-bottom .panel-body {
	padding: 10px;
}

.panelBox {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #b0ab92;
	border-radius: 2px;
	box-shadow: 0 3px 6px #444 inset;
	padding: 10px;
}

.panel-title-db {
	color: #4597cb;
	font-weight: 600;
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 0;
}

.panel-title-lg {
	color: #f3f3f3;
	font-weight: 800;
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 0;
}

.panel-title-yellow {
	color: #ebda00;
	font-weight: 800;
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 0;
}


/* Accordion plus/minus toggle */
/* --------------------------- */

.accordion-toggle.collapsed:before {
	content: "+";
	top: -4px;
}

.accordion-toggle:before {
/*	color: #ebda00;	*/
	content: "\02212";		/* Equivalent to &minus; HTML entity */
/*	display: inline-block;	*/	
	font-size: 130%;
	float: left;
	margin: 0;
	position: relative;
	top: -3px;
	left: 2px;
	width: 30px;
}

.accordion-toggle {
	font-weight: bold;
}

#accordion .panel-title {
	font-size: 18px;
}

/*.odd {
	background-color: transparent;
}

.even {
	background-color: #f3f3f3;
}
*/


/* Orange boxes */
/* ------------ */

.box_orange2 {
	background: #e8e8e8;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	margin: 0 0 10px;
	padding: 10px 10px 10px 10px;
}

.box_orange2 .title {
	background: url("../images/boxTitle_orange.gif") top repeat-x #cc6633;
	border-bottom: 1px solid #c34000;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #fff;
	font-size: 170%;
	font-weight: normal;
	line-height: 1.4em;
	margin: 0 0 20px;
	padding: 6px 20px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

.box_orange3 {
	background: #f0f0f0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.box .textPad,
.box_orange .textPad {
/*	padding-bottom: 1px;
	padding: 0 20px 5px;	*/
	padding: 0 20px 1px;
}

.page-user .pane-content .box_orange2 {
	background-color: #e8e8e8;
	height: auto;
	min-height: 200px;
}

.page-user .pane-content .box {
	padding: 10px;
}

.pictureBox > .pane-content > p {
	display: none;
}

.pane-content .view-eprint-pub-user {
	padding: 10px;
}

.page-user .panels-flexible-row {
	padding: 0;
}

.page-user h2 {
	margin-top: 0;
}

.panels-flexible-region-26-profile_image_ .panels-flexible-region-inside-first {
	margin-left: 15px;
}

.picBoxOrange {
	background: #cc6633;
	color: #fff;
	display: block;
	margin: 5px 0 5px 0;
	max-height: 89px;
	min-height: 89px;
}

.picBoxOrange img {
	float: left;
	padding: 0 20px 0 0;
}

.picBoxOrange .titleOrangeBox {
	color: #fff;
	display: block;
	font-size: 120%;
	font-weight: bold;
	padding: 5px 15px 5px 10px;
}

.picBoxOrange .descOrangeBox {
	color: #fff;
	display: block;
	padding: 5px 15px 5px 10px;
}

.picBoxOrange .titleOrangeBox:hover,
.picBoxOrange .descOrangeBox:hover {
	color: #000;
}

.frontladder {
	height: 525px;
}

.frontpageboxes .box {
	min-height: 255px;
}

.box {
	background: #dceaef;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.page-user .box .pane-content {
	padding: 10px;
}

.box .title {
	background: url("../images/boxTitle.gif") top repeat-x #50a6cd;
	border-bottom: 1px solid #217aa3;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #fff;
	font-weight: normal;
	font-size: 170%;
	line-height: 1.4em;
	margin: 0 0 20px;
	padding: 6px 20px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

.rss {
	background: url("../images/rss.png") no-repeat;
	display: block;
	float: right;
	height: 21px;
	margin: 5px 0 0;
	text-indent: -9999px;
	width: 21px;
}

.textPad {
	padding: 0 10px 10px;
}

.textPad2 {
	padding: 0 20px 5px;
}

.textPad2 h4 {
	color: #217aa3;
	padding-top: 5px;
}

.textPad3 {
	background: #fff;
	border-radius: 4px;
	margin: 0;
	padding: 5px 0 5px 0;
}

.textPad3 h3 {
	background: #e8e8e8;
	color: #cc6633;
	margin: 5px 0 5px 0;
	padding: 3px 10px 3px 10px;
}

.textPad3 p,
.textPad3 ul {
	padding: 5px 10px 5px 10px;
}



/* Styles for sliding boxes used on lander pages */
/* --------------------------------------------- */

.sliding-caption-box {
	cursor: pointer;
	cursor: hand;
	float: left;
	margin-bottom: 10px;
	width: 245px;
/*	width: 100%;	*/			/* Also see .boxgrid below */
}

.sliding-caption-box h2 {
	background: url("../images/nav.gif") top repeat-x #50a6cd;
	border-bottom: 2px solid #60e0ff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0;
	padding: 11px 5px;
	text-align: center;
	text-shadow: 0 2px 1px rgba(63, 84, 201, 0.3);
}

.hover-highlight h2 {
	border-bottom: 2px solid #c34000;
}

.twoline h2 {
	padding: 3px 7px;
}

.sliding-caption-box a {
	color: #fff;
	text-decoration: none;
}

.sliding-caption-box a:hover {
	color: #fff;
	text-decoration: underline;
}

.sliding-caption-box a:visited {
	color: #fff;
}

/*
.boxgrid, .sliding-caption-box {
	max-width: 270px;
	min-width: 200px;
	width: 100%;
}
*/

.boxgrid {
	height: 140px;
	float: left;
	background: #062636;
	overflow: hidden;
	position: relative;
	width: 245px;
/*	width: 100%;	*/			/* Also see .sliding-caption-box above */
}

.boxgrid img {
	border: 0;
	left: 0;
	position: absolute;
	top: 0;
}

.boxcaption {
	background-color: #062636;
	color: white;
	cursor: auto;
	float: left;
	height: 70px;
	opacity: 0.65;
/*	padding: 0 10px 5px 10px;	*/
	padding: 5px 10px 5px 10px;
	position: absolute;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);		/* For IE 5-7 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";	/* for IE8 */
}

.boxcaption h3 {
	color: #60e0ff;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: -0.015em;
	line-height: 1.1em;
	margin:0;
	padding: 5px 5px 5px 0;
}

.captionfull .boxcaption {
	left: 0;
	top: 140px;
}

.caption .boxcaption {
	font-size: 80%;
	left: 0;
	top: 120px;
}

.panels-flexible-column-first .titleOrangeBkgd,
.panels-flexible-column-first .box_orange2 {
	margin-right: 10px;
}


/* title boxes lander pages */
/* ------------------------ */

.titleBluelightBkgd {
	background: url("../images/boxTitle.gif") top repeat-x #50a6cd;
	border-bottom: 3px solid #217aa3;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #fff;
	font-weight: normal;
	font-size: 170%;
	line-height: 1.4em;
	margin: 0 0 5px;
	padding: 6px 20px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

.titleBlueBkgd {
	background: url("../images/nav.gif") top repeat-x #50a6cd;
	border-bottom: 3px solid #217aa3;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #fff;
	font-size: 170%;
	font-weight: normal;
	line-height: 1.4em;
	margin: 0 0 5px;
	padding: 6px 20px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

.titleOrangeBkgd {
	background: url("../images/boxTitle_orange.gif") top repeat-x #cc6633;
	border-bottom: 1px solid #c34000;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #fff;
	font-size: 140%;	/* was 1.7em */
	font-weight: normal;
	line-height: 1.4em;
	margin: 0;
	padding: 6px 20px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

.boxDarkBlue {
	background: #dceaef;
	border-radius: 4px;
/*
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
*/							/* Replace this with 'border-radius: 4px;' */
}

.boxDarkBlue p {
	background-color: #dceaef;
	border-radius: 4px;				/* Added this on 01/09/14 */
	color: #217aa3;
	letter-spacing: -0.005em;
	padding: 10px 15px;
}

.boxDarkBlue .title {
	background: url("../images/boxTitle.gif") repeat-x scroll center top #50a6cd;
	color: #fff;
	line-height: 1.4em;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	padding: 6px 20px;
	font-weight: normal;
	font-size: 140%;	/* was 1.7em */
	margin: 0 0 5px;
	border-bottom: 1px solid #217aa3;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.boxDark {
	background: #dceaef;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.boxDark p {
	background-color: #dceaef;
	color: #217aa3;
	letter-spacing: -0.005em;
	padding: 10px 15px;
}

.boxDark .title {
	background: url("../images/nav.gif") repeat-x scroll center top #50a6cd;
	border-bottom: 1px solid #217aa3;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #fff;
	font-size: 170%;
	font-weight: normal;
	line-height: 1.4em;
	margin: 0 0 5px;
	padding: 6px 20px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

section#block-user-login,
form#user-login {
	max-width: 326px;
}				/* Limit width of login block */










/* Calendar prev/next tweaks */
/* Added by AL on 08/06/15   */
/* ------------------------- */

.view .date-nav-wrapper .date-prev {
	right: 80px;
	padding-right: 10px !important;
}

.view .date-nav-wrapper .date-prev a {
	margin-right: 10px;
}

.view .date-nav-wrapper .date-next a {
	margin-left: 10px;
}


.calendar-calendar .month-view .full tr td.multi-day .inner.item{
	height: 19px;
}










/* styles for blockquote box used on fp */
/* ------------------------------------ */

blockquote {
	border-left: none;		/* undo Bootstrap default, put back more specifically selected style */
	padding: 0;
}

blockquote.blockquote {
/*	background: #dceaef url(/sites/all/themes/noc/images/quote.png) no-repeat scroll left top;	*/
	background: #dceaef;		/* was commented out before 17/10/2016 */
	border-radius: 3px;		/* added on 17/10/2016 */
	border-left: 10px solid #0d416b;
	margin: 24px 0;			/* was 1.5em 10px */
	padding: 20px 20px 20px 60px;	/* was 0.5em 10px */
	quotes: "\201C""\201D""\2018""\2019";
}

blockquote.blockquote:before {
	color: #0d416b;
	content: open-quote;
	font-size: 400%;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}

blockquote.blockquote p.m-b-0 {
	display: inline;
	color: #217aa3;			/* added on 17/10/2016 */
	font: italic 19.2px Georgia,"Times New Roman",Times,Serif;	/* added on 17/10/2016 */
	letter-spacing: -0.1px;	/* added on 17/10/2016 */
/*	font-size: 1em;	*/
	font-weight: 400;	/* was 600 */
	line-height: 23px;	/* was 1.8em */
}










/* Default boxes on lander pages */
/* ----------------------------- */

/* Constrain the content to a specified aspect ratio using this outer-container and inner-container arrangement
 * An image inside the inner-container needs to be wide enough and at least as tall as the aspect ratio - if you see a stripy background
 *	when resizing the display, then the image is too small and/or the aspect ratio isn't tall enough!
 *
 * A background image can be used instead..., <div class="inner-container" style="background: url('image-url') no-repeat 50% 50% / cover;">
 */

.landerBox {
	margin-left: -7.5px;
	margin-right: -7.5px;
	padding: 7.5px;			/* For padding-free boxes, set zero padding in *local CSS* when omitting outermost container */
}

.landerBox .outer-outer-container {
	padding: 7.5px;			/* Combined with above to make total 15px */
}

.landerBox .outer-container {
/*	display: inline-block; */	/* In original example, but doesn't seem to work! */
	position: relative;
}

.landerBox .outer-container:after {	/* This bit specifies the aspect ratio of the outer/inner-container combination */
	content: "";
	display: block;
/*	padding-top: 56.25%; */	/* 16:9 ratio */
	padding-top: 50% 	/* 2:1 ratio */
}


.landerBox .inner-container,
.landerBox .inner-inner-container,
.landerBox a.cover-link {
	position: absolute;
/* fill parent */
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.landerBox .inner-container {
	background: linear-gradient(to bottom, #ecc, #ecc 50%, #fdd 50%, #fdd);
	background-size: 100% 6px;
	margin: 7.5px;
	overflow: hidden;
}

.landerBox .inner-inner-container {
	padding: 11.25px;		/* Especially to centre jumbotron-caption2, which has { padding-right: 22.5px; } */
}					/* add *local CSS* { margin: 0 -11.25px; } to neutralise jumbotron-caption2 L-R padding */

.landerBox a.cover-link {
	outline: none;
}

.landerBox .text {
	color: #333;
/*	padding: 0 15px 15px;	*/
}

.landerBox h3 {
	margin-top: 10px;
}

/* Optional - to set outermost container to a colour (e.g., grey!) */
.landerBox .outer-outer-container {
/*	background-color: #f3f3f3;	*/	/* #f8f8f8 too feint for non-Mac screens */
}

/* Optional - to minimise border with no colour boxes */
.landerBox .inner-container {
	margin: 0;
}










/* Styles for responsive columns of the same height */
/* ------------------------------------------------ */

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.inside {
	margin-top: 20px;
	margin-bottom: 20px;
	background: #ededed;	/* This line causes an error */
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
	background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
	background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
}


/*
 * If you want to give content full height give him height: 100%;
 * with content full height you can't apply margins to the content
 * content full height does not work in IE
 * see http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
 */
.inside-full-height {
	height: 100%;
	margin-top: 0;
	margin-bottom: 0;
}


/* Columns of same height styles */

.row-height {
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
}

.col-height {
	display: table-cell;
	float: none;
	height: 100%;
}

.col-top {
	vertical-align: top;
}

.col-middle {
	vertical-align: middle;
}

.col-bottom {
	vertical-align: bottom;
}

@media (min-width: 480px) {
	.row-xs-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}

	.col-xs-height {
		display: table-cell;
		float: none;
		height: 100%;
	}

	.col-xs-top {
		vertical-align: top;
	}

	.col-xs-middle {
		vertical-align: middle;
	}

	.col-xs-bottom {
		vertical-align: bottom;
	}
}


@media (min-width: 768px) {

	.row-sm-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}

	.col-sm-height {
		display: table-cell;
		float: none;
		height: 100%;
	}

	.col-sm-top {
		vertical-align: top;
	}

	.col-sm-middle {
		vertical-align: middle;
	}

	.col-sm-bottom {
		vertical-align: bottom;
	}
}


@media (min-width: 992px) {

	.row-md-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}

	.col-md-height {
		display: table-cell;
		float: none;
		height: 100%;
	}

	.col-md-top {
		vertical-align: top;
	}

	.col-md-middle {
		vertical-align: middle;
	}

	.col-md-bottom {
		vertical-align: bottom;
	}
}


@media (min-width: 1200px) {

	.row-lg-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}

	.col-lg-height {
		display: table-cell;
		float: none;
		height: 100%;
	}

	.col-lg-top {
		vertical-align: top;
	}

	.col-lg-middle {
		vertical-align: middle;
	}

	.col-lg-bottom {
		vertical-align: bottom;
	}
}