/* Generic data forms  - CP 2025-05-05 */
.domcrm--dataform-container {
	.domcrm--dataform-success {
		display: none;
	}
	.domcrm--dataform-error {
		display: none;
	}
}

.domcrm--widget h2 {
	color: #D97F36 !important;
    font-size: 25px !important;
}

label.domcrm--checkbox {
    line-height: 30px;
    font-size: 16px;
	margin-left: 2em;
	margin-top: -1.9em;
}

/* Button Styles */
a.btn.domcrm-btn,
button.btn.domcrm-btn {
	display: inline-block;
	background: #D97F36;
	color: white;
	font-weight: 400;
	padding: 10px 40px;
	border: 1px solid #D97F36;
	border-radius: 50px;
	transition: all 0.25s ease-in-out;
	text-wrap: auto;
}
a.btn.domcrm-btn:hover,
button.btn.domcrm-btn:hover {
	background: white !important;
	color: #D97F36 !important;  
}
a.btn.domcrm-btn:disabled,
button.btn.domcrm-btn:disabled {
	background-color: #ccc !important;
	border: 1px solid #ccc !important;
	color: #eee !important;
}
a.btn.domcrm-btn,
button.btn.domcrm-btn.full-width-btn {
	width: 100%;
}
button.btn.domcrm-btn.muted {
	background: #f6f6f3;
	color: #8297a4;
	border: 1px solid #8297a4;
}  
.domcrm--dataform-submit.loading,
.btn.domcrm-btn.loading {
	color: #ffffff82 !important;
	padding-right: 4em !important;
	pointer-events: none;
}
.domcrm--header-login-block .domcrm--dataform-submit.loading,
.domcrm--header-login-block .btn.domcrm-btn.loading {
	color: #ffffff !important;
	padding-right: 4em !important;
	pointer-events: none;
	background: var(--e-global-color-primary) !important;
    outline: solid 1px white !important;
}
.domcrm--dataform-submit.loading:after,
.btn.domcrm-btn.loading:after {
	content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    margin-left: 20px;
    border: 4px solid transparent;
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
}
.domcrm--header-login-block .domcrm--dataform-submit.loading:after,
.domcrm--header-login-block .btn.domcrm-btn.loading:after {
	content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    margin-left: 20px;
    border: 4px solid transparent;
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
}
@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}

/* Meldungen bei Feldern in Formularen */
.domcrm-errormsg {
	color: #c00;
    background-color: #fdd;
    border-radius: 10px;
    padding: 5px 20px;
}
.domcrm-errormsg.hidden {
	display: none;
}
.domcrm-successmsg {
	color: #00a306;
    background-color: #d2edd7;
    border-radius: 10px;
    padding: 5px 20px;
}
.domcrm-successmsg.hidden {
	display: none;
}
.domcrm--dataform-success {
    color: #00a306;
    background-color: #d2edd7;
    border-radius: 10px;
    padding: 5px 20px;
    margin-bottom: 20px;
}
.domcrm--dataform-error {
	color: #c00;
    background-color: #fdd;
    border-radius: 10px;
    padding: 5px 20px;
	margin-bottom: 20px;
}
span.required {
	color: red;
}

.comment {
	color: #aaa;
}

.hidden {
	display: none !important;
}

nav .domcrm--tabs-tabs {
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 2rem;
	border-radius: 10px 10px 0 0;
	gap: 2rem;


	.domcrm--tab {
		background-color: transparent;
    	border: none;
    	color: var( --e-global-color-text );
    	font-weight: 400;
    	padding: 0;
		border-radius: 0;
	}

	.domcrm--tab:hover {
		color: var(--e-global-color-primary);
		text-decoration: underline;
    	text-underline-offset: 6px;
	}

	.domcrm--tab:active {
		background-color: var( --e-global-color-primary );
    	color: white;
	}

	.domcrm--tab.nav-link.active {
    	color: var( --e-global-color-primary );
		text-decoration: underline;
    	text-underline-offset: 6px;
	}
}

	.domcrm--tabs-content.tab-content {
    	border-radius: 10px;
}

.domcrm--tabs-content {

	.domcrm--tab-content {
		display:none;		
	}
	.domcrm--tab-content.active {
		display:block;		
	}
}

/* Rechnungsinfos in Buchungsliste */
.booking-invoice-icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.1em;
	margin-right: 0.3em;
}
.booking-invoice-date,
.booking-invoice-status {
	display: inline;
	font-size: 0.8em;
	color: #888;
}
.booking-invoice-status {
	padding: 0.15em 0.5em;
	border-radius: 3px;
	font-weight: 500;
}
.booking-invoice-status.status-open {
	color: #b45309;
	background-color: #fef3c7;
}
.booking-invoice-status.status-paid {
	color: #047857;
	background-color: #d1fae5;
}
.booking-invoice-details {
	display: block;
	line-height: 1.4;
}


.domicilium-pill-status {
	align-items: center;
    border-radius: .5rem;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    padding: .25rem .625rem;
}
.domicilium-pill-status-angelegt {
	--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
	background-color: rgb(248 250 252 / var(--tw-bg-opacity));
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
    border-style: solid;
    border-width: 1px;
    color: rgb(51 65 85 / var(--tw-text-opacity));
}
.domicilium-pill-status-offen {
	--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
	background-color: rgb(255 236 184 / var(--tw-bg-opacity));
    border-color: rgb(219 198 133 / var(--tw-border-opacity));
    border-style: solid;
    border-width: 1px;
    color: rgb(85 75 50 / var(--tw-text-opacity));
}
.domicilium-pill-status-storniert {
	--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
	background-color: rgb(254 242 242 / var(--tw-bg-opacity));
    border-color: rgb(254 226 226 / var(--tw-border-opacity));
    border-style: solid;
    border-width: 1px;
    color: rgb(220 38 38 / var(--tw-text-opacity));
}
.domicilium-pill-status-warteliste {
	--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
	background-color: rgb(245 230 255 / var(--tw-bg-opacity));
    border-color: rgb(225 192 245 / var(--tw-border-opacity));
    border-style: solid;
    border-width: 1px;
    color: rgb(132 38 220 / var(--tw-text-opacity));
}
.domicilium-pill-status-bestaetigt {
	--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
	background-color: rgb(240 253 244 / var(--tw-bg-opacity));
    border-color: rgb(187 247 208 / var(--tw-border-opacity));
    border-style: solid;
    border-width: 1px;
    color: rgb(22 163 74 / var(--tw-text-opacity));
}
.domicilium-pill-status-importiert {
	--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
	background-color: rgb(245 245 245 / var(--tw-bg-opacity));
    border-color: rgb(200 200 200 / var(--tw-border-opacity));
    border-style: solid;
    border-width: 1px;
    color: rgb(90 90 90 / var(--tw-text-opacity));
}