/*
################################################################################
# File: app.css                                                                #
# Copyright (c) 2024 LOEWE SA                                                  #
# Created Date: 2023-03-16                                                     #
# Author: sbrunat@loewe.com                                                    #
# ---------------------------------------------------------------------------- #
# Last Modified: 2025-11-06                                                    #
# Modified By: sbrunat@loewe.com                                               #
################################################################################
*/

@font-face {
	font-family: Avus;
	font-style: normal;
	font-stretch: normal;
	font-weight: 400;
	src: url(../fonts/AvusPro.woff2) format("woff2");
}

@font-face {
	font-family: Avus;
	font-style: normal;
	font-stretch: normal;
	font-weight: 500;
	src: url(../fonts/AvusProMedium.woff2) format("woff2");
}

@font-face {
	font-family: "Font Awesome 7 Free";
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url(../fonts/fa-solid-900.woff2) format("woff2");
}

@font-face {
	font-family: Loewe;
	src: url(../fonts/Loewe.woff2) format("woff2");
	font-style: normal;
	font-stretch: normal
}

:host,
:root {
	--fa-family-classic: "Font Awesome 7 Free";
	--fa-font-solid: normal 900 1em/1 var(--fa-family-classic);
}

.fa-solid,
.fas {
	--fa-family: var(--fa-family-classic);
	--fa-style: 900;
}

.fas-small {
	font-size: 0.9rem !important;
}

.fas-medium {
	font-size: 1.2rem !important;
}

html,
body {
	font-family: Avus, sans-serif;
	margin: 0;
	padding: 0;
}

#app {
	height: 100vh;
}

.x-linear-progress {
	background: transparent;
	height: 8px;
	overflow: hidden;
}

.x-linear-progress:after {
	content: '';
	position: absolute;
	inset: 0;
	background: #ccc;
	scale: var(--blazor-load-percentage, 0%) 100%;
	transform-origin: left top;
	transition: scale ease-out 0.5s;
}

.x-application-splash {
	position: absolute;
	height: calc(100% - 8px);
	width: 100%;
	z-index: 1000000;
	background-image: url(../images/splash.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.diagram-canvas.grid {
	background-size: 50px 50px;
	background-image: linear-gradient(to right, rgb(0, 0, 0, 0.05) 1px, transparent 1px), linear-gradient(to bottom, rgb(0, 0, 0, 0.05) 1px, transparent 1px);
}

.x-ui-routenode-blocked {
	opacity: 0.4;
	background-color: #eee;
}

.x-ui-tablegroup-header {
	font-weight: 500 !important;
	color: #fff !important;
}

.x-ui-colorbox {
	height: 14px;
	width: 14px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #ccc;
	margin-right: 4px;
	margin-bottom: 1px;
	margin-top: 1px;
}

.x-component-header {
	display: block;
	height: 60px;
}

.x-component-content {
	padding: 0 0 12px 0 !important;
	height: calc(100% - 60px);
	overflow-y: overlay;
	overflow-x: hidden;
}