/* -------------------------------------------- Projekteinstellungen -------------------------------------------- */

/* Container f�r die Anzeige der Projektinformationen */
.project-settings-project-information-container {
	height: auto;
	width: 100%;
	margin: 0px;
	margin-bottom: 20px;
	padding: 9px;
}

/* Abstand zwischen Projektinformationen und Benutzertabelle */
.project-settings-project-information-container table {
	margin-bottom: 25px;
}

/* �berschrift "Projektinformationen" */
.project-settings-project-information-container h4 {
	margin-bottom: 10px;
}

/* Eine Zeile der Projektinformationen */
.project-settings-project-information-container table tr {
}

/* Linke Spalte der Projektinformationen */
.project-settings-project-information-container table td:first-of-type {
	margin-right: 20px;
}

/* Eine Spalte einer Zeile der Projektinformationen */
.project-settings-project-information-container table td {
	padding: 3px 0px;
	padding-right: 10px;
	vertical-align: top;
}

/* Eine Zeile der Projektinformationen */
.project-settings-project-information-container table tr img {
	max-width: 250px;
	height: auto;
	padding: 3px 0px;
}

/* Container f�r die Anzeige der Projektuser */
.project-settings-users-container {
	height: auto;
	width: 100%;
	margin: 0px;
	margin-bottom: 30px;
	padding: 9px;
	padding-top: 0px;
}

/* Liste aller Projektuser */
.project-settings-users-list {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* Speichern- und Abbrechen-Button */
.project-settings-btn {
	display: inline-block;
	float: right;
	margin-top: 15px;
	margin-left: 8px;
}

/* Kamera-Logs Button */
.project-settings-camera-logs-btn {
	width: 100%;
	z-index: 10;
	margin-bottom: 5px;
	text-align: left;
}

/* Kamera-Logs Spacer f�r aktive und archivierte Projekte */
#camera-logs-camera-dropdown-spacer {
	margin: 10px 0px;
}

/* --------------------------------------------- Kamerainformationen --------------------------------------------- */

/* Mobile Ger�te */
@media (max-width: 768px) {
	/* Modal f�r Kamerainfos */
	#assembly-info-modal .modal-dialog {
		width: 100%;
	}

	/* Kamera-Logs Network-Tab */
	#network-tab {
		margin-top: 115px;
	}

	/* Kamera-Logs Kameradropdown */
	#modal-camera-dropdown,
	#camera-logs-camera-dropdown {
		width: 100%;
		margin-top: 34px;
	}

	#modal-camera-dropdown,
	#camera-logs-camera-dropdown-div {
		display: block;
		margin-top: 0px;
	}
}

/* Traditionelle Ger�te */
@media (min-width: 768px) {
	/* Modal f�r Kamerainfos */
	#assembly-info-modal .modal-dialog {
		width: 65%;
	}

	/* Standorthistorie, Montageinfos, Error-Report und Kamera-Logs Kameradropdown-Button */
	#modal-camera-dropdown-container,
	#camera-logs-camera-dropdown-container,
	#error-report-camera-dropdown-container {
		margin-top: 14px;
		margin-bottom: -8px;
		margin-left: 10px;
	}

	#error-report-camera-dropdown-container {
		margin-left: 0px;
	}

	/* Standorthistorie, Montageinfos, Error-Report und Kamera-Logs Kameradropdown */
	#camera-logs-camera-dropdown,
	#error-report-camera-dropdown {
		width: auto;
		margin-top: 7px;
		margin-left: 10px;
	}

	#error-report-camera-dropdown {
		width: 100%;
		margin-left: 0px;
	}

	/* Standorthistorie-, Montageinfos-, Error-Report- und Kamera-Logs-Contaier */
	#camera-logs-camera-dropdown-div,
	#error-report-camera-dropdown-div {
		display: inline-block;
	}

	#error-report-camera-dropdown-div {
		width: 100%;
	}
}

/* Montageinfo-Eintrag hinzuf�gene Dialog */
#assembly-info-form,
#camera-location-form {
	display: none;
}

/* Montageinfo-Eintrag l�schen Button */
.assembly-info-delete-btn {
	width: calc(100% + 16px);
	margin: -7px -8px;
	margin-top: 5px;
}

/* Navigationsleiste f�r Kamerainfos */
#assembly-info-modal-navigation {
	margin-bottom: 10px;
}

/* Body eines Kameralocation Eintrags */
.camera-location-item .panel-body {
	display: inline-block;
}

/* Titel eines Kameralocation Eintrags */
.camera-location-item .panel-body p:first-child {
	display: inline-block;
	margin-top: 3px;
	margin-bottom: 12px;
}

/* Kameralocation Eintrag */
.camera-location-item {
	margin-bottom: 5px;
	max-height: 50px;
	overflow-y: hidden;
}

/* Kameralocation Eintrag (au�er der erste) */
.camera-location-item:not(:first-child) {
	background-color: #ffe6e6;
}

/* Kameralocation Erweitern Button */
.expand-camera-location-item-btn {
	display: inline-block;
	float: right;
	margin-top: -6px;
}

/* Kameralocation Radio-Button Container */
#camera-location-active-radio-container .radio {
	display: inline-block;
}

/* --------------------------------------------------------------------------------------------------------------- */

/* Bearbeiten-Button f�r Projektnamen und Projektbeschreibung */
.edit-element-button {
	color: black !important;
}

/* Bearbeiten-Button f�r Projektnamen und Projektbeschreibung */
.edit-element-button:hover {
	color: rgba(75, 75, 75, 1) !important;
}

/* Speichern und Abbrechen Button beim Bearbeiten des Titels und der Beschreibung */
.project-title-input,
.project-description-input {
	margin-top: -3px;
	margin-left: 5px;
}

/* Nutzer hinzuf�gen Button */
.project-settings-add-user {
	display: inline-block;
	height: 28px;
	width: 28px;
	padding: 0px;
	margin-left: 5px;
	margin-bottom: 5px;
}

/* Eintrag der Benutzerliste - Abstand f�r Benutzer ohne Optionsbuttons */
#project-settings-users-table tr #project-settings-user-username,
#project-settings-users-table tr #project-settings-user-email,
#project-settings-users-table tr #project-settings-user-role,
#project-settings-users-table tr #project-settings-user-created {
	height: 51px;
	padding-top: 17px;
}

/* Optionen zum Bearbeiten eines Benutzers */
#project-settings-user-options .btn-group {
	min-width: 122px;
}

/* Wartungs- und Fehlerhistorie Button */
.project-settings-camera-error-report-btn {
	width: 100%;
	z-index: 10;
	text-align: left;
	margin-bottom: 5px;
}

/* Wartung- und Fehlerhistorie Optionsbuttons f�r Elemente */
.error-report-edit,
.error-report-delete {
	float: right;
	margin-top: 10px;
	margin-left: 3px;
}

/* Container f�r ApiUser Informationen in Wartungs- und Fehlerhistorie */
#error-report-api-user-informations {
	display: block;
	margin-top: 15px;
	margin-bottom: 0px;
}

/* ApiUser Informationen in Wartungs- und Fehlerhistorie */
#error-report-api-user-informations p {
	margin-bottom: 0px;
}

/* Labels f�r Eingabefelder beim Hinzuf�gen von Wartungshistorie-Eintr�gen */
#error-report-modal label {
	text-align: left;
	margin-bottom: 2px;
}

/* Eingabefelder beim Hinzuf�gen von Wartungshistorie-Eintr�gen */
#error-report-form-description-input,
#error-report-form-solution-input {
	min-width: 100%;
	max-width: 100%;
}

/* Wartungshistorie */
#error-report-display-container tr td:first-child {
	padding-left: 0px;
}

/* Eintr�ge in Wartungshistorie */
#error-report-display-container div {
	padding-bottom: 35px;
}

/* Kamera l�schen Button */
.project-settings-delete-camera-btn {
	width: 100%;
	z-index: 10;
	text-align: left;
}

/* Button zum Anzeigen der Kamerainfos */
.project-settings-about-camera-btn {
	width: 100%;
	z-index: 10;
	text-align: left;
	margin-bottom: 5px;
}

/* Button zum Erzeuge/Anzeigen der Bild-API */
.project-settings-camera-api-btn {
	width: 100%;
	z-index: 10;
	text-align: left;
	margin-bottom: 5px;
}

/* Projekt archivieren Button */
.project-settings-archive-project-btn {
	width: 100%;
	margin-bottom: 5px;
}

/* Projekt l�schen Button */
.project-settings-delete-project-btn {
	width: 100%;
	margin-bottom: 25px;
}

/* ---------------------------------------------- Benutzer anlegen ---------------------------------------------- */

/* Projectdropdown in "Neuer Benutzer"-Tab */
#create-user-project-dropdown-container {
	opacity: 1 !important;
}

/* Styles f�r mobile Ger�te */
@media (max-width: 991px) {
	/* Benutzer hinzuf�gen Button in Fehlermeldung, dass Benutzer bereits existiert */
	#add-user-existing-err-btn {
		margin-left: 8px;
		margin-top: 8px;
	}
}

/* Styles f�r traditionelle Ger�te */
@media (min-width: 992px) {
	/* Benutzer hinzuf�gen Button in Fehlermeldung, dass Benutzer bereits existiert */
	#add-user-existing-err-btn {
		float: right;
		margin-left: 8px;
		margin-top: -8px;
	}
}

/* ----------------------------------------------- Filter anlegen ----------------------------------------------- */

/* Filter Button */
.project-settings-camera-filter-btn {
	width: 100%;
	z-index: 10;
	text-align: left;
	margin-bottom: 5px;
}

/* Mask-Filter Vorschau */
#mask-filter-preview-image {
	width: 100%;
	height: auto;
	border: 1px solid black;
}

/* ------------------------------------------ Speicherdauer bearbeiten ------------------------------------------ */

/* Speichereinstellungen-Button */
.project-settings-storage-settings-btn {
	width: 100%;
	z-index: 10;
	text-align: left;
	margin-bottom: 5px;
}

#storage-settings-activate-db-duration-btn {
	float: right;
}

#storage-settings-db-duration-input {
	float: right;
	margin-top: 5px;
	margin-right: 10px;
}

/* ----------------------------------------------- AdvancedCameraSettings ----------------------------------------------- */

/* Dialog Container */
.advanced-camera-settings-container {
	background-color: #fefefe;
	border-radius: 15px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

/* ----------------------------------------------- Projekt anlegen ----------------------------------------------- */

/* Nutzer anlegen Button disabled */
#navbar-project-overview .disabled:hover {
	color: red;
	cursor: not-allowed;
}

/* Projekt anlegen Dialog */
.create-container {
	background-color: #fefefe;
	border-radius: 15px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

/* Projekt anlegen Buttonleiste */
.create-container-buttons {
	float: right;
}

/* Label f�r User-Listenitem */
.create-project-username-label {
	display: inline-block;
	margin-top: 7px;
}

/* Benutzertabelle */
#create-project-user-selection-container {
	text-align: center;
}

#create-project-user-selection-container div {
	text-align: left;
}

/* Container f�r User-Rechtebuttons */
.create-project-rights-container {
	display: inline-block;
	float: right;
}

/* User-Rechtebutton (supervisor) */
.create-project-select-supervisor {
	margin-left: 0px;
	margin-right: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

/* User-Rechtebutton (editor) */
.create-project-select-editor {
	margin-left: -1px;
	margin-right: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

/* User-Rechtebutton (observer) */
.create-project-select-observer {
	margin-left: -1px;
	margin-right: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

/* ----------------------------------------- Kamera-Logs/Benutzer�bersicht -------------------------------------- */

/* Buttons f�r Logs */
.logs-container-buttons {
	float: right;
	margin: 16px 0px;
}

/* Tabs Darstellungscontainer */
#user-overview-display {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 8px;
}

/* Tabs Darstellungscontainer */
#camera-logs-display {
	margin-top: -10px;
	margin-bottom: 10px;
	padding: 8px;
}

/* Filtermen� */
#camera-logs-filter-options {
	margin-top: 10px;
}

/* Filtermen� Optionen */
#camera-logs-filter-options label {
	margin-top: 0px;
}

/* Filtermen� Buttons */
.camera-logs-filter-button {
	display: inline-block;
}

#camera-logs-display-last-update {
	float: right;
}

.user-overview-table-entry {
	padding-top: 17px !important;
}

#user-overview-content td .btn-group {
	padding-top: 0px !important;
}

/* Zeilenumbr�che beim Anzeigen der Kamera-Logs */
#camera-logs-display {
	word-wrap: break-word;
}

/* Buttongroup f�r Api-User Optionen */
#user-overview-content tr .btn-group {
	width: 76px;
}

/* Kameralogs und Errorreport Buttons */
#camera-logs-refresh-btn,
#camera-status-refresh-btn,
#camera-logs-close-btn,
#camera-logs-gallery-btn,
#camera-logs-delete-btn,
#camera-status-overview-close-btn,
#error-report-gallery-btn,
#error-report-close-btn,
#error-report-add-entry-btn {
	float: right;
	margin-top: 15px;
	margin-right: 3px;
}

#camera-logs-close-btn,
#error-report-close-btn {
	margin-right: -14px;
}

/* --------------------------------------------- Kamerastatus�bersicht ------------------------------------------ */

.camera-system-status-type-green {
	background-color: lightgreen;
}

.camera-system-status-type-blue {
	background-color: lightblue;
}

.camera-system-status-type-yellow {
	background-color: lightgoldenrodyellow;
}

.camera-system-status-type-red {
	background-color: lightcoral;
}

/* ---------------------------------------------- Kamerainfos Modal --------------------------------------------- */

/* Tabellen div */
.camera-informations {
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 5px;
	padding: 6px;
	z-index: 1;

	background-color: var(--pace-widget-default);
	color: var(--default-white);
	display: block;
}

/* Gr��e der Tabelle f�r mobile Ger�te */
@media (max-width: 991px) {
	.contentarea {
		margin-top: 100px;
		margin-bottom: 50px;
		position: absolute;
		height: calc(100% - 100px);
		width: 100%;
		left: 0;
	}

	.camera-informations {
		max-width: 400px;
	}
}

/* Gr��e der Tabelle f�r traditionelle Ger�te */
@media (min-width: 992px) {
	.contentarea {
		margin-top: 50px;
		margin-bottom: 50px;
		position: absolute;
		height: calc(100% - 114px);
		width: 100%;
		left: 0;
	}
}

/* Linke Spalte der Tabelle */
.camera-informations .camera-informations-description {
	min-width: 155px;
	text-align: right;
	padding-right: 15px;
}

/* Rechte Spalte der Tabelle */
.camera-informations .camera-informations-value {
	text-align: left;
	padding-right: 5px;
}

#image_informations_project_name,
#image_informations_camera_description {
	font-weight: bold;
}

/* ------------------------------------------------- User-Settings ----------------------------------------------- */

.user-overview-edit,
.user-overview-delete {
	width: 38px;
	height: 34px;
}