input, select, label, .form-control, .more, .InfoIcon {
	background: initial;
	color: inherit;
	word-break: break-all;
}

.title {
	border-radius: 10px;
	margin-bottom: 1%;
}

div.item {
	background-color: white;
	border-radius: 10px;
}
	div.item div.itemstatus {
		border-radius: 10px 0 0 10px;
	}
div.itembtngrp, div.itembtn {
	border-radius: 0 10px 10px 0;
}
.selected {
	background-color: #336699 !important;
}

/*#region Input*/
input:not(.LoginBtn):not(.UserLoginInput):not(#SearchKeywordText):not(.SearchInput):not(#fertig):not([type='button']):not([type='radio']):not([class^="dx"]), input[list], select[name], textarea[name]:not([class^="dx"]),
input:not(.LoginBtn):not(.UserLoginInput):not(#SearchKeywordText):not(.SearchInput):not(#fertig):not([type='button']):not([type='radio']):not([class^="dx"]):hover, input[list]:hover, select[name]:hover, textarea[name]:not([class^="dx"]):hover,
input:not(.LoginBtn):not(.UserLoginInput):not(#SearchKeywordText):not(.SearchInput):not(#fertig):not([type='button']):not([type='radio']):not([class^="dx"]):focus, input[list]:focus, select[name]:focus, textarea[name]:not([class^="dx"]):focus {
	background: linear-gradient(#ccc, #ccc), linear-gradient(#ccc, #ccc), linear-gradient(#ccc, #ccc);
	background-size: 1px 20%, 100% 1px, 1px 20%;
	background-position: bottom left, bottom center, bottom right;
	background-repeat: no-repeat;
	border: none;
	outline: none;
	text-align: left !important;
	color: black;
}
	input:not(.LoginBtn):not(#SearchKeywordText):not(.Reportbutton):read-only, input:not(.LoginBtn):not(#SearchKeywordText):disabled, textarea[name]:read-only, textarea[name]:disabled, select[name]:disabled {
		color: #696969 !important;
		background-color: initial !important;
	}

.form-control.is-invalid, .was-validated .form-control:invalid {
	border: #dc3545 1px solid !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center right calc(0.375em + 0.1875rem) !important;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

.form-control.is-valid, .was-validated .form-control:valid {
	border: #198754 1px solid !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
	background-repeat: no-repeat !important;
	background-position: center right calc(0.375em + 0.1875rem) !important;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

input[type="checkbox"] {
	height: 1.1rem;
	width: 1.1rem;
	z-index: 2;
	margin-top: -0.7%
}
/*#endregion */

.tabcontent {
	margin-top: -1%;
	margin-bottom: 1%;
}

select:focus {
	background: linear-gradient(#67b6e5, #67b6e5), linear-gradient(#67b6e5, #67b6e5), linear-gradient(#67b6e5, #67b6e5) !important;
	background-size: 1px 20%, 100% 1px, 1px 20% !important;
	background-position: bottom left, bottom center, bottom right !important;
	background-repeat: no-repeat !important;
}
.DarkModalContent select > option {
	background: #444;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}

.SearchRow {
	margin-bottom: 1%;
	margin-top: -1%;
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
	color: inherit;
}

/*#region Thumbnail*/
.thumbnailBox {
	width: 150px;
	float: left;
	position: relative;
	margin: 5px;
}
	.thumbnailBox .image img {
		width: 100%;
		border: 1px solid #ccc;
		border-radius: 4px;
		padding: 5px;
		width: 150px;
	}
		.thumbnailBox .image img:hover {
			box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
		}
.thumbnailDelete {
	cursor: pointer !important;
	font-size: 18px;
	position: absolute;
	color: white;
	border: none;
	background: none;
	right: -5px;
	top: -5px;
	line-height: 1;
	z-index: auto;
	padding: 0;
}
	.thumbnailDelete span {
		height: 20px;
		width: 20px;
		background-color: #8e8e8e;
		border-radius: 50%;
		display: block;
	}
/*#endregion*/

.ButtonLeftSeparator {
	border-left: 1px solid #dee2e6 !important;
}
button:disabled {
	opacity: 0.4;
}

/*#region FloatingLabel*/
	.form-group {
		margin-bottom: 1.5rem;
	}

		.form-group .floating-label {
			position: absolute;
			top: 10px;
			left: 0.75rem;
			color: #6c757d;
			transition: all 0.2s ease-in-out;
			pointer-events: none;
		}

		.form-group input:focus + .floating-label,
		.form-group input:not(:placeholder-shown) + .floating-label {
			top: -0.65rem;
			left: 0.65rem;
			font-size: 0.75rem;
			background: #fff;
			padding: 0 0.25rem;
			color: #495057;
		}
/*#endregion*/