@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.n2s0c9bbw5.bundle.scp.css';

/* _content/TabApp/Components/Pages/ProfileCard.razor.rz.scp.css */
.profile[b-4quxia745a] {
    display: flex;
    align-items: center;
}

    .profile .avatar[b-4quxia745a] {        
        flex: 1 0 auto;
    }

    .profile .avatar img[b-4quxia745a] {
        margin: 15px;
        height: 64px;
        width: 64px;
        border-radius: 32px;
    }

    .profile .info[b-4quxia745a] {
        margin: 0 2em;
        flex: 4 0 auto;
    }

        .profile .info > h3[b-4quxia745a] {
            margin: 0;
        }

        .profile .info > p[b-4quxia745a] {
            margin: 0;
        }
/* _content/TabApp/Components/Pages/Tab.razor.rz.scp.css */
.narrow[b-jp9s4yx0xc] {
	max-width: 900px;
	margin: 0 auto;
}

.page-padding[b-jp9s4yx0xc] {
	padding: 4rem;
}

.welcome.page > .narrow > img[b-jp9s4yx0xc] {
	margin: 0 auto;
	display: block;
	width: 200px;
}

.welcome.page > .narrow > ul[b-jp9s4yx0xc] {
	width: 75%;
	justify-content: space-between;
	margin: 4rem auto;
}

	.welcome.page > .narrow > ul > li[b-jp9s4yx0xc] {
		background-color: inherit;
		margin: auto;
	}

		.welcome.page > .narrow > ul > li > a[b-jp9s4yx0xc] {
			font-size: 16px;
			height: 32px;
			border-bottom-color: rgb(98, 100, 167);
		}

.center[b-jp9s4yx0xc] {
	text-align: center;
}

pre[b-jp9s4yx0xc] {
	overflow-x: scroll;
}

pre[b-jp9s4yx0xc],
div.error[b-jp9s4yx0xc] {
	background-color: #e5e5e5;
	padding: 1rem;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	margin: 1rem 0;
}

code[b-jp9s4yx0xc] {
	background-color: #e5e5e5;
	display: inline-block;
	padding: 0px 6px;
	border-radius: 3px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.error[b-jp9s4yx0xc] {
	color: red;
}

.profile[b-jp9s4yx0xc] {
	display: flex;
	margin: 1em 0;
	background-color: white;
	width: fit-content;
	box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
}

	.profile > .avatar[b-jp9s4yx0xc] {
		margin: 2em 1em;
		height: 72px;
		width: 72px;
	}

	.profile > .info[b-jp9s4yx0xc] {
		margin: 2em 2em 0 0;
	}

		.profile > .info > h3[b-jp9s4yx0xc] {
			margin: 0;
		}

		.profile > .info > p[b-jp9s4yx0xc] {
			margin: 0;
		}
/* _content/TabApp/Components/Pages/Welcome.razor.rz.scp.css */
.login-screen[b-62gdudleav] {
    background: radial-gradient(50% 50% at 50% 50%, #1F2F50 0%, #152137 100%);
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;

    .login-form {
        padding: 32px;
        min-height: auto;
        border-radius: 15px;

        .k-form-field {
            .k-textbox {
                height: 35px;
            }

        }

        .login-btn[b-62gdudleav] {
            .k-button {
                height: 35px;
            }
        }
    }

    .login-info[b-62gdudleav] {
        position: fixed;
        bottom: 15px;

        .link {
            border-right: 1px solid #868e96;
            color: #FFFFFF;
            padding: 0 10px;

            &.last {
                border-right: 0;
            }

        }
    }
}

.ibox[b-62gdudleav] {
    min-height: 100%;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.3);
}

// Przydatne do iboxów w tabach.Wystarczy[b-62gdudleav], że lewy górny róg ibox-a jest wyzerowany.  
.ibox-tab[b-62gdudleav] {
    border-top-left-radius: 0;
}

// Potrzebne gdy chcemy aby iboxy były różnej wysokości
.min-h-0[b-62gdudleav] {
    min-height: 0;
}

.fullpage-spinner-overlay[b-62gdudleav] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255,255,255,0.2);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
}