@charset "utf-8";

/********/
/* Font */
/********/
:root{
	--bs-body-font-family: 'Open Sans',sans-serif;
}

/*************/
/* Allgemein */
/*************/

body > #overlay{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:99999;
	background-color:rgba(0,0,0,0.5);
	cursor:progress;
}
body.modal-open > #overlay{
	z-index:100001;
}

/*********/
/* Color */
/*********/

:root {
	--color-main: 190,153,58;
	--color-main-darker_10: 171, 138, 52;
	
	--color-highlight: rgb(var(--color-main));
	--bs-primary: rgb(var(--color-main));
	--bs-primary-rgb: var(--color-main);
	--bs-link-color: rgb(var(--color-main));
	--bs-link-hover-color: rgb(var(--color-main-darker_10));
	--bs-primary-darker: rgb(var(--color-main-darker_10));
	
	--color-input-border-focus: rgba(var(--color-main),0.3);
	--color-input-shadow: rgba(var(--color-main),0.3);
	
	--fc-event-bg-color: rgb(var(--color-main));
	--fc-event-border-color: rgb(var(--color-main));
}

.list-group{
	--bs-list-group-active-bg: rgb(var(--color-main));
	--bs-list-group-active-border-color: rgb(var(--color-main));
}

.btn-primary {
	--bs-btn-bg: rgb(var(--color-main));
	--bs-btn-border-color: rgb(var(--color-main));
	--bs-btn-hover-bg: rgb(var(--color-main-darker_10));
	--bs-btn-hover-border-color: rgb(var(--color-main-darker_10));
	--bs-btn-active-bg: rgb(var(--color-main-darker_10));
	--bs-btn-active-border-color: rgb(var(--color-main-darker_10));
	--bs-btn-disabled-bg: rgba(var(--color-main), 0.5);
	--bs-btn-disabled-border-color: rgba(var(--color-main), 0);
	--bs-btn-color: #FFFFFF;
	--bs-btn-hover-color: #FFFFFF;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.btn:focus{
	border-color:var(--color-input-border-focus);
	box-shadow:0 0 0 .2rem var(--color-input-shadow);
}

.form-check-input:checked{
	background-color:rgb(var(--color-main));
	border-color:rgb(var(--color-main));
}
.form-switch .form-check-input:focus {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23BE993A'/%3E%3C/svg%3E");
}
.form-switch .form-check-input:checked {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

/*
body[data-theme="colored"] .sidebar,
body[data-theme="colored"] .sidebar-content{
  background: linear-gradient(135deg,rgb(var(--color-main)),rgb(var(--color-main-darker_10)) 40%,rgb(var(--color-main-darker_10)));
}
*/

.sidebar-item.active .sidebar-link:hover, .sidebar-item.active > .sidebar-link{
	border-left-color:var(--bs-primary);
	background:linear-gradient(90deg,rgba(var(--color-main),.1),rgba(var(--color-main),.088) 50%,transparent);
}

.disabled,
.btn:disabled,
.form-control:disabled,
.form-select:disabled,
.form-check-input:disabled,
.cursor-disabled{
	cursor:not-allowed !important;
	pointer-events: all !important;
}
.form-control[readonly]{
	cursor:not-allowed !important;
	background-color:#e9ecef;
}

.fc-addButton-button {
	background-color: var(--bs-primary) !important;
	border-color: var(--bs-primary) !important;
}
.fc-addButton-button:hover{
	background-color: var(--bs-primary-darker) !important;
	border-color: var(--bs-primary-darker) !important;
}

.fc .fc-button .fc-icon{
	display:flex;
	align-items: center;
	justify-content: center;
}

.valid-feedback {
	display: none;
	width: 100%;
	margin-top: 0.25rem;
	font-size: 0.875em;
	color: var(--bs-form-valid-color);
}

.valid-tooltip {
	position: absolute;
	top: 100%;
	z-index: 5;
	display: none;
	max-width: 100%;
	padding: 0.25rem 0.5rem;
	margin-top: 0.1rem;
	font-size: 0.875rem;
	color: #fff;
	background-color: var(--bs-success);
	border-radius: var(--bs-border-radius);
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
	display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
	padding-right: calc(1.5em + 0.75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
	padding-right: calc(1.5em + 0.75rem);
	background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
	--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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");
	padding-right: 4.125rem;
	background-position: right 0.75rem center, center right 2.25rem;
	background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
	width: calc(3rem + calc(1.5em + 0.75rem));
}

.form-check-inline .form-check-input ~ .valid-feedback {
	margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
	display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
	padding-right: calc(1.5em + 0.75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
	padding-right: calc(1.5em + 0.75rem);
	background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
	--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	padding-right: 4.125rem;
	background-position: right 0.75rem center, center right 2.25rem;
	background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}


.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
	width: calc(3rem + calc(1.5em + 0.75rem));
}

.form-check-inline .form-check-input ~ .invalid-feedback {
	margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
	z-index: 4;
}

/************/
/* Combobox */
/************/

.combobox-wrapper{
	min-height:33px;
}

.bootstrap-select .dropdown-menu{
	top:100% !important;
	border-radius:0;
	border-radius:0.2rem;
}

.bootstrap-select .dropdown-toggle{
	border:1px solid #ced4da !important;
	padding-top:5px;
	padding-bottom:5px;
}
.bootstrap-select .dropdown-toggle:focus{
	outline:none !important;
	box-shadow:0 0 0 .2rem #ced4da;
}

.bootstrap-select .bs-searchbox{
	padding-bottom:10px;
}

.bootstrap-select .dropdown-item.active{
	background-color:var(--bs-primary);
}

.bootstrap-select .btn{
	background-color:var(--color-input-bg);
}

.bootstrap-select > .dropdown-toggle.bs-placeholder{
	color:rgb(var(--color-text-body),0.5);
}

/*********/
/* Modal */
/*********/

#modalPopup{
	z-index:10001;
}

.modal-backdrop{
	z-index:10000;
}

.modal-header{
	color:#FFFFFF;
}

.modal-body{
	position:static !important;
}
.modal-body > *:last-child{
	margin-bottom:0;
}

.modal-body .modal-action{
	position:absolute;
	left:16px;
	bottom:16px;
}

.modal-backdrop{
	--bs-backdrop-bg: #000000;
}

.event-repeat .fc-event-title:before{
	font-family:'Font Awesome 5 Pro';
	font-weight: normal;
    font-style: normal;
    display: inline-block;
	content: "\f363";
	margin-right:4px;
}

.fc-event.bg-white .fc-event-main,
.fc-event.bg-light .fc-event-main{
	color:var(--bs-secondary);
}

.border-dashed{
	border-style: dashed;
}