/* PuiLoginLayout.vue */
.pui-development-environment, .pui-login-password-forget {
    margin: auto;
}

/* PuiCookiesBar.vue */
.puiCookiesBar {
    position: absolute;
    background-color: #fff;
    min-width: 100vw;
    z-index: 2
}

/* PuiLoginDisplayArea.vue */
.pui-login__image--desktop {
    width: 40%;
	margin: 15% auto;
	background-position: center;
}

/* PuiLoginLayoutMobile.vue */
.pui-login__blue-background {
	z-index: -1;
}

.pui-login__image--mobile {
	height: 20vh;
	background-color: var(--primarycolor);
}

/* PuiKeycloakLogin.vue */
.puikeycloaklogin {
	padding: 0px !important;
	&_text {
		text-align: center;
		margin-top: 100px;
		font-size: 1.4rem;
	}
	&_loading {
		margin-top: 30px;
		text-align: center;
	}
}

/* PuiWelcomePanel.vue */
.pui-welcome-panel {
    padding-top: 15% !important;
}

/* PuiCauLoginButton.vue */
.puiCauLogin {
	position: absolute !important;
	bottom: 0;
}

.puiCauLogin.v-btn--plain .v-btn__content {
	opacity: 1 !important;
}

/* PuiContainerHeader.vue */
.pui-containerHeader {
	padding: 0;
	margin: 0;

	.mainTitle {
		padding-top: 3px;
	}

	.breadcrumbs {
		padding: 0;
	}

	.backBtn {
		width: 30px;
		height: 30px;
		font-size: 20px;
		margin-left: 0px;
		margin-right: 10px;
		padding-top: 18px;
	}

	.backBtn .v-icon.theme--light {
		color: var(--N-0);
	}

	.mobile {
		background-color: var(--primarycolor);
		color: var(--N-0);
		height: 60px;
	}
	.title {
		font-family: Overpass, sans-serif !important;
		margin-left: 8px;
		margin-top: 6px;
		padding-top: 16px;
	}
	.hidden {
		display: none;
	}
	.topbackbtn {
		width: 36px !important;
		height: 36px !important;
		border-radius: 30px !important;
	}
}

/* PuiContainerActionsHeader.vue */
.pui-container__ActionsHeader {
	&--desktop {
		width: calc(100% - 64px);
		margin-bottom: -24px;
	}
	&--formLayout {
		margin-bottom: 0;
	}
	&--menu-opened,
	&--menu-secondary-opened {
		width: calc(100% - 304px + 32px) !important;
		float: left !important;
	}
	&--menu-closed {
	}
	&--menu-hidden {
	}

	.mobile {
		background-color: var(--primarycolor);
		color: var(--N-0);
		height: 60px;
	}
	.hidden {
		display: none;
	}
}

/* PuiContainer.vue */
:root {
	--pui-container-footer_px__height: 44px;
	--pui-menu-drawer__width: 304px;
	--pui-menu-bar__width: 64px;
}

.pui-container {
	&__header {
		background-color: white;
		position: fixed;
		z-index: 5;
	}
	&--withfooter {
        margin-bottom: var(--pui-container-footer_px__height);
    }
	&--desktop {
		margin-left: var(--pui-menu-bar__width) !important;
	}
	&--menu-opened, &--menu-secondary-opened {
		margin-left: 304px !important;
		width: calc(100% - 304px) !important;
	}
	&--menu-closed {
		width: calc(100% - var(--pui-menu-bar__width));
	}
	&--menu-hidden {
		margin-left: 0px !important;
		width: 100% !important;
	}
	&--mobile {
		padding-top: 0px !important;
		margin-left: 0px !important;
		width: calc(100vh - 50px) !important;
	}
	&__children {
		overflow-y: inherit;
	}
}

/* PuiLoginPasswordReset.vue */
.login {
	&__title {
		text-align: center;
		&--desktop {
			font-weight: 600;
		}
	}
	&__form {
		&--mobile {
			padding-top: 0px;
		}
	}
	&__inputLabel {
		&--desktop {
			padding-bottom: 10px;
		}
		&--mobile {
			padding-top: 10px;
		}
	}
	&__inputField {
		&--mobile > .v-input__control > .v-input__slot {
			border: 0px solid red !important;
			padding-left: 15px !important;
			padding-right: 15px !important;
		}
	}
}

.puiLoader span {
	font-weight: normal;
}