/*______________________________________________________
 |														|
 |	Overkoepelende stylesheet voor externe MVC-pagina's	|
 |	Windex Communication Centre							|
 |	Copyright © Windex Bedrijfssoftware BV				|
 |______________________________________________________|
 |														|
 |	Datum:	27-07-2023									|
 |_____________________________________________________*/

.flexObject_imagePreviewPanel {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	float: none;
	margin: 5px 15px 5px 15px;
	box-sizing: border-box;
	padding: 10px;
	min-height: 150px;
	padding-bottom: 25px;
}

.message_richTextRow {
	max-width: 414px;
}

.flexObject_imagePreviewPanel img {
	object-fit: scale-down;
}

	.flexObject_imagePreviewPanel :hover {
		cursor: pointer;
	}


.saveButtonContainer {
	float: left;
}

/*#region Hide Arrows From Input Number*/

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

/*#endregion Hide Arrows From Input Number*/

/* 05-05-2021: Bootstrap4.css zorgt voor ongewenste padding om bladerknop uploadcontrol */
.btn {
	padding: initial;
}

/* 05-05-2021: Bootstrap4.css zorgt voor ongewenst display: block waardoor adreselementen onder elkaar verspringen */
.form-control {
	border-radius: 0px;
	display: inline-block;
	padding: initial;
}

/*Small screens*/
@media only screen and (max-width: 640px) {
	.message_richTextRow {
		max-width: unset;
	}
}

.tox-statusbar__branding {
	display: none;
}

.wccPageTitle {
	font-size: 20px;
	font-weight: bold;
}

.wccPageSubTitle {
	color: #999999;
	font-size: 20px;
}

.custom-file-input {
	opacity: 1;
}

.requiredFieldIndicator {
	color: red;
}

.responseMessage {
	background-color: #BCF4BC;
	border: 1px solid darkgreen;
	padding: 10px;
	color: darkgreen;
}

.errorMessage, .validationSummary {
	background-color: #F2CBCF;
	border: 1px solid darkred;
	padding: 10px;
	color: darkred;
}

	.responseMessage:empty, .errorMessage:empty, .validationSummary:empty {
		display: none;
	}

.wcc_ContentBlock, .wcc_ContentBlockFullHeight {
	background-color: white;
	box-shadow: none;
}

ul.ui-menu {
	width: auto !important;
}

select {
	max-height: 26px;
	max-width: 233px;
}