/* SITE WIDE / TEMPLATE */
	body {
		background:#FCFCFC;
	}

	body,
	a {
		font:0.9rem ITCFranklinLight,sans-serif;
		color:#202020;
		text-decoration: none;
	}

	input,select,textarea{
		background:#fff;
	}

	.cursor {
		cursor: pointer;
	}

	.fasize {
		font-size:1.4rem;
		vertical-align: middle;
		line-height: 30px;
	}

	table.dataTable tbody tr:hover {
		background-color:#f4f4f4 !important;
	}

	.elList {
		padding:0;
		margin:0;
		width:100%;
		display:flex;
		justify-content: start;
	}

		.elList li {
			display:flex;
			align-items: center;
		}

		.elList li label {
			margin:0 10px 0 0;
		}

	.rotateLeft,
	.rotateRight,
	a:hover:not(.btn),
	.dropdown-toggle::after,
	.baumit-text {
		color:#E1001A!important;
	}

	.editBtn {
		font-size:1.2rem;
	}

	.baumit-back {
		background:#E1001A;
		border:#E1001A;
		opacity:1!important;
		color:#fff!important;
	}

		.baumit-back:active {
			background:#7c0614!important;
		}

		.baumit-back:disabled {
			background:#E1001A!important;
			opacity:0.3!important;
		}

		.btn2 {
			width:50%;
			min-width:100px;
		}

		.baumit-back:hover,
		.baumit-back:active {
			background:#7c0614;
			border:#7c0614;
		}

	.t1 { font-size:1.1rem; }
	.smaller { font-size:0.85rem; }

	.bh2 {
		font:1.2rem ITCFranklinMedium,sans-serif;
		margin:0 0 10px;
	}

		.bh2 a {
			font:1.2rem ITCFranklinMedium,sans-serif;
		}

	.bh2_reg {
		font:1.2rem ITCFranklinMedium,sans-serif;
		margin:0 0 10px;
	}

	.portal_sides {
		background:#F4F4F4;
	}


	.sticky-top {
		max-width:250px;
	}

	#bell {
		margin-right:15px;
	}

	#logo {
		width:100%;
		max-width:120px;
	}

	.mainMenu {
		flex-direction: column!important;
		width:100%;
	}

	#appleShare {
		width:30px;
	}

	.nav li {
		background:url('/images/icons/clear_arrow.png') no-repeat center right;
		background-size:auto 20px;
		width:100%;
	}

		.nav-link {
			color:#202020;
			position: relative;
		}

	.topBar div:first-child {
		margin:21px 0;
	}

	/* Hide BS default */
	.dropdown-toggle::after {
		display:none;
	}

	.notificCount {
		position:absolute;
		display:block;
		left:8px;
		top:-2px;
		font-size:0.6rem;
		font-weight:bold;
		width:18px;
		height:18px;
		line-height:18px;
		text-align: center;
		vertical-align: middle;
		color:#fff;
		border-radius:9px;
	}

		li .notificCount {
			left:100px;
			top:8px;
		}

	.emptyRound {
		border:1px solid #c6c6c6;
		height:34px;
		width:34px;
		text-align: center;
		font-size:1.3rem;
		margin:0!important;
	}

		.emptyRound i {
			color:#c6c6c6;
			margin:5px 0 0;
		}

		.emptyRound.large {
			height:136px;
			width:136px;
			display:flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}

			.emptyRound.large i {
				font-size:65pt;
				font-weight:normal;
				margin:0;
				z-index:-10;
			}

			.emptyRound.large.dz-image img {
				border-radius:60px;
			}

	.nameContainer {
		margin-left:30%;
		background: lightblue;
	}

	.nameArea {
		margin-left:10px;
		text-align: left;
		line-height: 1.5;
		color:#202020;
	}

		.nameArea span:first-child {
			font-weight: bold;
		}

		.homeHead {
			width:100%;
			height:68px;
			padding:15px;
		}

	.dataTables_wrapper thead {
		background:#f8f8f8;
		height:34px;
		border-bottom:1px solid #c6c6c6;
		border-bottom-width: 1px!important;
		margin:0 0 20px;
	}

		.dataTables_wrapper tr {
			padding:0 20px;
		}

		.dataTables_wrapper th {
			border-bottom:1px solid #c6c6c6;
		}

			.dataTables_wrapper th strong {
				font-weight:normal;
				font-size: 0.9rem;
			}

		.dataTables_wrapper td {
			border-bottom: 1px solid #fafafa;
			font-size: 0.9rem;
		}

		.dataTables_wrapper tbody tr {
			height:68px;
			border-bottom:1px solid #eaeaea;
		}

			.dataTables_wrapper tbody tr:first-child {
				margin-top:50px;
			}

		.dataTables_wrapper tr td:first-child,
		.dataTables_wrapper tr th:first-child {
			padding-left:15px;
		}

	.nice-select {
		width:100%;
		margin:0 0 1rem;
		display: flex;
		align-items: center;
	}

	.nice-select-dropdown {
		width:100%;
	}

	/* BS overrides */
	.pagination {
		--bs-pagination-active-color:#fff;
		--bs-pagination-active-bg:#E1001A;
	}

	.page-link {
		--bs-pagination-color:#202020;
		--bs-pagination-active-border-color: #E1001A;
	}

	.dropdown-menu {
		--bs-dropdown-link-active-bg:none;
	}

	/* Added for DT search */
	[type="search"] {
		width:200px;
	}

/* SITE WIDE / TEMPLATE */
/* LOGIN PAGE ONLY */

	.h-90 {
		height:90vh;
	}

	.homeFooter {
		height:10vh;
		min-height:30px;
		padding:0 0 20px;
	}

	#logoS {
		width:74px;
		margin:0 0 30px;
	}

	.homeFormArea {
		margin:0 0 55px;
	}

	.formArea {
		width:320px;
	}

/* END LOGIN PAGE */
/* HOME / DASH */

	.homePanels {
		width:47%;
		margin:2% 0;
		background:#fff;
		border:1px solid #c6c6c6;
		border-radius:12px;
		float:left;
	}

		.homePanels:first-child {
			margin-left:2%;
			margin-right:2%;
		}

		.homePanels:last-child {
			margin:2% 0;
			float:right;
		}

		.ViewAll {
			width:110px;
			line-height:22px;
			height:22px;
			border:1px solid #f6f6f6;
			text-transform: uppercase;
			text-align: center;
			font-size:0.65rem;
			color:#9f9f9f;
			text-decoration: none;
			border-radius:5px;
		}

/* END HOME / DASH */

/* MY ACCOUNT PAGE */
.large-options {
	position:absolute;
	top:0;
	left:0;
	margin-left:68px;
	height:80px;
	background: #FAFAFA;
	border-top-right-radius:10px;
	border-bottom-right-radius: 10px;
	width:calc(80% - 68px);
	z-index: 0;
	padding:15px 15px 15px 83px;
}

.rounded-circle.large {
	z-index: 10;
	background: #fff;
	position: relative;
	min-height: auto;
}

	.rounded-circle.large .dz-image {
		display:flex;
		align-items: center;
		width:136px!important;
		height:136px!important;
	}

		.rounded-circle.large .dz-image img {
			max-width:100%;
			border-radius:50%!important;
		}

		.dropzone .dz-preview {
			min-height: auto;
		}

/* END MY ACCOUNT PAGE */

/* GENERIC PORTAL BITS */
	.fullPanel {
		width:auto;
		margin:2%;
		min-height:80vh;
		background:#fff;
		border:1px solid #c6c6c6;
		border-radius:12px;
		float:left;
		padding:2%;
		padding-right:calc(555px + 2%);
	}

		.fullPanel.dtArea {
			width:96%;
			padding-right:2%;
		}

		.fullPanel .form-label {
			margin:0 0 15px;
		}

		.fullPanel textarea{
			height:150px;
		}

		.fullPanel input:not([type="submit"]),
		.fullPanel textarea,
		.fullPanel select {
			background: #FAFAFA!important;
		}

		.mw-panel {
			padding-right:2%!important;
			width:1000px;
		}

		.pic1back {
			background:url('/images/Baumit_pot.jpg') no-repeat right center #fff;
			background-size:auto 750px;
		}

		.pic2back {
			background:url('/images/Warranty02.jpg') no-repeat right center #fff;
			background-size:auto 750px;
		}

	.errorOverlay {
		position:absolute;
		top:15px;
		left:15px;
		border-radius:12px;
		height:0;
		width:calc(100% - 555px - 30px);
		background:#000;
		opacity:0.9;
		color:#fff;
		transition: all 0.3s ease;
		display:flex; /* Not using d-flex so we can hide with jquery and transition above */
		overflow:hidden;
	}

		.errorOverlay .xP {
			top:10px;
			position:absolute;
			right:15px;
		}

	.formArea2 {
		width:400px;
	}

	.detailLabel {
		font-weight:bold;
		width:100%;
		margin:0 0 8px;
		display: inline-block;
	}

/* END GENERIC PORTAL BITS */

/* PROJECT SPECIFIC PAGE */
/* Not actually a background */
.pic3back img {
	width:100%;
	border-radius:20px;
}
/* END PROJECT SPECIFIC PAGE */

/* JOB STATUS/SECTIONS */
.stageStatus {
	height:80px;
}

/* Just to indicate its not clickable */
div > img.stageStatus {
	opacity:0.3;
}

.stageA {
	height:300px;
	border:1px solid silver;
	border-radius:10px;
	/*width:21%;*/
	margin:2%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.questionList {
	list-style:none;
	padding:0;
	margin:0;
}

.mwRadios3,
.mwRadios {
	min-width:125px;
	display: flex;
	align-items: center;
}

	.mwRadios3 { min-width:185px; }

.sectionButtons a {
	padding:6px 3rem;
	font-size:0.85rem;
}

.modal-body img,
.dz-details img {
	max-width: 100%;
}

.filesMissing {
	border:2px solid red;
}

/* END JOB STATUS SECTION */

/* Products section specific */
.thumbnail {
	height:80px;
	display:inline-block;
	margin:0 15px 0 0;
	cursor: pointer;
}

/* SCREEN SIZING */

@media only screen and (max-width: 1200px){
	.pic1back {
		background:none;
	}

	.pic2back {
		background:none;
	}

	.fullPanel {
		padding-right:calc(300px + 2%);
		width:96%;
	}

	.errorOverlay {
		width:calc(100% - 300px - 30px);
	}

	.mw-panel {
		width:96%;
	}

}

@media only screen and (max-width: 900px){
	.pic1back {
		background:#fff;
	}

	.fullPanel {
		padding-right:2%
	}

	.errorOverlay {
		top:10px;
		left:10px;
		width:calc(100% - 20px);
	}

	.stageA {
		height:auto;
		padding:30px 0;
	}

	.stageStatus {
		height:50px;
	}
}

@media only screen and (max-width: 600px) {
	.navbar-toggler {
		color:#202020;
		border:0;
	}

	#logoS,
	#logo {
		width:74px;
	}

	.mainMenu {
		flex-direction: row!important;
	}

	.sticky-top {
		max-width: 100%;
	}

	.fullPanel {
		width:96%;
		margin:2%;
	}

	.stageA {
		height:auto;
		padding:30px 0;
	}

	.stageStatus {
		height:50px;
	}
}

@media only screen and (max-width: 1000px){
	.homePanels {
		margin:2%!important;
		width:96%;
		float:left;
	}
}