.shutterTypeSelectionContainer {
	display: flex;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}

.shutterTypeSelection {
	text-align: center;
	width: 250px;
}

	.shutterTypeSelection:hover {
		cursor:pointer;
		background-color: #AEB7BA;
	}

	.shutterTypeSelection img {
		background-color: #E1ECEF;
	}

	.shutterTypeSelection:hover img {
		background-color: #AEB7BA;
	}

	.shutterTypeSelection .shutterTypeLabel {
		margin-top: 10px;
	}

	.shutterTypeSelection .moreInfoText {
		margin-top: 10px;
	}

.frameTypeSelectionContainer {
	display: flex;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}

.frameTypeSelection {
	text-align: center;
	width: 170px;
}

	.frameTypeSelection:hover {
		cursor: pointer;
		background-color: #AEB7BA;
	}

	.frameTypeSelection img {
		background-color: #E1ECEF;
	}

	.frameTypeSelection:hover img {
		background-color: #AEB7BA;
	}

.frameTypeSelectionSelected, .frameTypeSelectionSelected img {
	background-color: #228DC2;
	color:white;
}

.colourSelection {
	width: 150px;
}

	.colourSelection:hover {
		cursor: pointer;
		background-color: #AEB7BA;
	}

.colourSelectionSelected {
	background-color: #228DC2;
	color: white;
}



.text-silver {
	color: #AAA9AD !important;
}

.pexReadOnlyField.mb-1{
	margin-bottom:0.30rem !important;
}

.card-header h1 {
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 16pt;
}

.card-header h2{
	margin-top:4px;
	margin-bottom:4px;
	font-size:16pt;
}

.card-header h3 {
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 14pt;
}

.simple-modal-header h2 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.sideSmall .readOnlyLabel {
	min-width: 200px;
}

.dashboardTabsChildContentContainer > div {
	background-color: #f8f8f8;
}

div div.form-check.form-control-sm:first-child{
	margin-top:0px;
}
div.form-check.form-control-sm {
	margin-bottom: 0px;
	min-height:unset;
	padding:0px;
}