/* CSS specific to the bs4/default template */

body {
	background-color: #ffffff;
}

.main-layout {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.main-layout.fixed-header {
	padding-top: 63px; }
	@media (min-width: 576px) {
		.main-layout.fixed-header { padding-top: 67px; }
	}
	@media (min-width: 768px) {
		.main-layout.fixed-header { padding-top: 73px; }
	}
	/** /
	.main-layout.fixed-header .msb-top-navbar { border: 1px solid pink; }
	.main-layout.fixed-header .body-layout { border: 1px solid red; }
	/**/

.body-layout,
.footer-layout .container-fluid {
	width: 100%;
	max-width: 1440px !important;
	margin-left: auto;
	margin-right: auto;
}

/* Layout with Blue Top.  Specified in tiles.xml attribute [layoutClass] */
.main-layout.blue-top {
	background-color: #F5F9FB;
	background-image: url('../../shared/images/bg/bg-top-blue-768.png');
	background-position: 40% top;
	background-size: 768px 150px;
	background-repeat: no-repeat;
}
@media (min-width: 768px) {
	.main-layout.blue-top {
		background-image: url('../../shared/images/bg/bg-top-blue-768.png');
		background-position: left top;
		background-size: 100% 125px;
	}
}
@media (min-width: 992px) {
	.main-layout.blue-top {
		background-image: url('../../shared/images/bg/bg-top-blue-2000.png');
		background-position: left top;
		background-size: 100% 450px;
	}
}

@media (max-width: 320px) {
	.login-container h3,
	.login-container .h3 {
	  font-size: 1.25rem; }
}

/* Background light gray; Name 'bg-light' is taken by bootstrap */
.main-layout.background-light .body-layout {
	background-color: #f8f9fa; }
	.main-layout.background-light .msb-footer {
		background-color: #f8f9fa;
		border-top-width: 0;
	}