@import url("@app-assets/css/components.min.css");
@import url("@app-assets/css/bootstrap-extended.min.css");

html {
	font-size: 14px;
}
#app:has(nav.header-navbar) {
	padding-top: 5rem;
}
.box-shadow-2 {
	box-shadow: 0 10px 18px 0 rgba(62,57,107,.2)
}
.flexbox-container {
	align-items: center;
	display: flex;
}
.loginbg {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: row;
	background: url("@assets/images/forside1.jpg") center center no-repeat fixed;
	background-size: cover;
}
.loginbg2 {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (min-width: 768px) and (max-width: 991px) {
	.loginbg {
		display: none;
	}
	html body {
		background: url("@assets/images/forside1.jpg") center center no-repeat fixed;
		background-size: cover;
	}
}
@media (min-width: 992px) {
	.loginbg2 {
		background-color: #b7e1f8;
	}
}
@media (min-width: 1680px) and (max-width: 1920px) {
    .loginbg2 {
        height: 100%;
        width: 100%;
        background-color: #b7e1f8;
    }
}
@font-face {
	font-family: "Open Sans";
	src:
		url("@fonts/OpenSans-VariableFont_wdth,wght.ttf")
			format("truetype"),
		url("@fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf")
			format("truetype");
}