FHC-Core/public/css/Tempus.css

@import './Fhc.css';
@import './components/searchbar/searchbar.css';
@import './components/verticalsplit.css';
@import './components/FilterComponent.css';
@import './components/Tabs.css';
@import './components/Notiz.css';

html {
	font-size: 0.875em;
	height: 100%;
}

body {
	/*display: flex;*/
	height: 100%;
}
.heightfull {
	height: 95%;
}
.navbar-dark .navbar-brand:focus {
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	z-index: 3;
}
#main {
	height: 100%;
}
.tempus {
	height: 100%;
}
.searchbar {
	margin-right: 0 !important;
}
.searchbar > .input-group {
	margin-right: 0 !important;
}
.searchbar > .input-group > * {
	border-radius: 0 !important;
}

#sidebarMenu {
	width: 0%;
}

.tabulator-row.disabled.tabulator-row-odd .tabulator-cell {
	color: var(--gray-400);
}
.tabulator-row.disabled.tabulator-row-even .tabulator-cell {
	color: var(--gray-500);
}

/* Dropdown Toolbar Interessent, submenu */
.dropend .dropdown-toggle.d-flex::after {
	height: 0;
}

@media (min-width: 768px) {
	#sidebarMenu {
		visibility: visible !important;
		transform: none;
		position: inherit;
		z-index: 1;
	}
}

.toast.toast-success {
	color: #0f5132;
	background-color: #d1e7dd !important;
	border-color: #badbcc !important;
}
.toast.toast-danger {
	color: #842029;
	background-color: #f8d7da !important;
	border-color: #f5c2c7 !important;
}

.has-filter .fa-filter {
	color: var(--bs-success);
}

#parkingslot {
	border: 1px dashed;
	min-height: 5vh;
	max-height: 15vh;
	color: #aaaaaa;
	text-align: center;
	font-size: large;
	margin-top: 1.25rem;
	overflow-y: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.course-picker {
	border: 1px dashed #aaaaaa;
	display: flex;
	flex-direction: column;
	flex: 1 1 0;
	min-height: 0;
}

.course-picker-row {
	padding: 0.5rem;
	margin-bottom: 0.5rem;
	border: 1px solid var(--bs-border-color);
	background-color: var(--event-bg);
}

.course-parker {
	position: relative;
	border: 1px dashed !important;
	padding: 0.5rem;
	margin: 0.5rem;
	background-color: var(--event-bg);
	color: var(--event-color, var(--fhc-calendar-color-event, #000));
}

.unpark-btn {
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 0 4px;
	border: none;
	background: transparent;
}
:root{
	--fhc-calendar-pane-height: calc(100vh - 120px);
}

.eckerltest {
	box-shadow: 3px 3px 3px #ccc;
}

.verband-selection {
	border: 1px dashed #aaaaaa;
	margin-bottom: 0.5rem;
	max-height: 450px;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}

.lecture-selection {
	border: 1px dashed #aaaaaa;
	margin-bottom: 0.5rem;
	max-height: 20vh;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}

.room-selection {
	border: 1px dashed #aaaaaa;
	margin-bottom: 0.5rem;
	padding: 0.5rem 0 0.5rem 0.5rem;
}

.btn-link.text-danger {
	text-decoration: none;
	font-weight: 600;
}

.btn-link.text-danger:hover {
	color: #dc3545;
	transform: scale(1.1);
}

.bg-lecturer-wish {
	opacity: 0.15;
}
.bg-lecturer-block {
	background: rgba(255, 0, 0, 0.15);
}


.bg-raumvorschlag-slot {
	opacity: .70;
}

.bg-raumvorschlag-slot.rating-good {
	background-color: var(--bs-success);
}
.bg-raumvorschlag-slot.rating-mid {
	background-color: var(--bs-warning);
}
.bg-raumvorschlag-slot.rating-bad {
	background-color: var(--bs-danger);
}


.wish-w--2 {
	background-color: #ff2200;
}
.wish-w--1 {
	background-color: #ff9922;
}
.wish-w-1 {
	background-color: #ccffcc;
}
.wish-w-2 {
	background-color: #48fa66;
}

.fhc-calendar-base-grid-line-event {
	position: relative !important;
}

.room-option {
	display: grid;
	grid-template-columns: 20px minmax(80px, 110px) minmax(100px, 1fr) auto 20px 50px;
	align-items: center;
	width: 100%;
}

.updated-event {
	position: relative !important;
	z-index: 10;
	animation: modernFocus 1s ease-out;
	border-radius: 0.25rem;
}

.updated-event-long {
	position: relative !important;
	z-index: 10;
	animation: modernFocus 1.8s ease-out;
	border-radius: 0.25rem;
}

@keyframes modernFocus {
	0% {
		background-color: #cfd4d8;
		box-shadow:
			0 0 0 0 rgba(120, 120, 120, 0.8),
			0 0 0 0 rgba(255, 255, 255, 0.6);
	}

	30% {
		background-color: #eef1f3;
		box-shadow:
			0 0 0 8px rgba(120, 120, 120, 0.25),
			0 0 30px 8px rgba(255, 255, 255, 0.7);
	}

	60% {
		background-color: #f7f8f9;
		box-shadow:
			0 0 0 14px rgba(120, 120, 120, 0.15),
			0 0 45px 12px rgba(255, 255, 255, 0.5);
	}

	100% {
		background-color: inherit;
		box-shadow:
			0 0 0 24px rgba(120, 120, 120, 0),
			0 0 60px 20px rgba(255, 255, 255, 0);
	}
}

.spinner-overlay {
	position: absolute;
	inset: 0; /* top:0 right:0 bottom:0 left:0 */
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	background: rgba(255, 255, 255, 1);
	opacity: 0.4;
}

.spinner {
	width: 40px;
	height: 40px;
	border: 4px solid #ddd;
	border-top: 4px solid #007bff;
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}

}