@font-face {
	font-family: 'Quicksand';
	font-stretch: 0;
	font-style: normal;
	font-weight: 300, 700;
	src: url('../fonts/Quicksand-VariableFont_wght.ttf') format('truetype');
}

html, body {
	--bs-font-sans-serif: 'Quicksand', 'Work Sans', 'Arial', 'sans-serif';
	font-family: 'Quicksand', 'Work Sans', 'Arial', 'sans-serif';
	scroll-behavior: smooth;
}

	body ::-webkit-scrollbar {
		width: 8px;
		height: 8px;
	}

	body ::-webkit-scrollbar-track {
		border-radius: 5px;
	}

	body ::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background-color: lightgray;
	}

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.pblogo {
	height: 100%;
	max-height: 73px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

:root[data-bs-theme=light] .pblogo {
	background-image: url('../../_content/pebe.Blazor/images/pebe_Live_2020_extra_small.png');
}

:root[data-bs-theme=dark] .pblogo {
	background-image: url('../../_content/pebe.Blazor/images/pebe_Live_2020_white_extra_small.png');
}

.pblogo-identity {
	height: 243px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

:root[data-bs-theme=light] .pblogo-identity {
	background-image: url('../../_content/pebe.Blazor/images/pebe_Live_2020_small.png');
}

:root[data-bs-theme=dark] .pblogo-identity {
	background-image: url('../../_content/pebe.Blazor/images/pebe_Live_2020_white_small.png');
}

.form-control-lg {
	min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
	padding: 0.5rem 1rem;
	font-size: 1.25rem;
	color: var(--bs-body-color);
	background-color: transparent !important;
	border-radius: 0.25rem;
	border: 1px solid;
}

:root[data-bs-theme=light] .form-control:focus {
	border: 1px solid rgba(0, 58, 111, 0.5);
	box-shadow: rgba(0, 58, 111, 0.25) 0 0 0 0.2rem !important;
	outline: none;
	border-radius: 0.1875rem;
}

:root[data-bs-theme=dark] .form-control:focus {
	border: 1px solid rgba(203, 118, 29, 0.5);
	box-shadow: rgba(203, 118, 29, 0.25) 0 0 0 0.2rem !important;
	outline: none;
	border-radius: 0.1875rem;
}

:root[data-bs-theme=light] .form-control:-webkit-autofill,
:root[data-bs-theme=light] .form-control:-webkit-autofill:hover,
:root[data-bs-theme=light] .form-control:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}

:root[data-bs-theme=light] .form-control:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px #fff inset, 0 0 0 0.2rem rgba(0, 58, 111, 0.25) !important;
}

:root[data-bs-theme=dark] .form-control:-webkit-autofill,
:root[data-bs-theme=dark] .form-control:-webkit-autofill:hover,
:root[data-bs-theme=dark] .form-control:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 1000px var(--bs-body-bg) inset !important;
}

:root[data-bs-theme=dark] .form-control:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px var(--bs-body-bg) inset, 0 0 0 0.2rem rgba(203, 118, 29, 0.25) !important;
}

:root[data-bs-theme=light] .form-control-lg:focus {
	border: 1px solid rgba(0, 58, 111, 0.5);
	box-shadow: rgba(0, 58, 111, 0.25) 0 0 0 0.2rem !important;
	outline: none;
	border-radius: 0.1875rem;
}

:root[data-bs-theme=dark] .form-control-lg:focus {
	border: 1px solid rgba(203, 118, 29, 0.5);
	box-shadow: rgba(203, 118, 29, 0.25) 0 0 0 0.2rem !important;
	outline: none;
	border-radius: 0.1875rem;
}

:root[data-bs-theme=light] .form-control-lg:-webkit-autofill,
:root[data-bs-theme=light] .form-control-lg:-webkit-autofill:hover,
:root[data-bs-theme=light] .form-control-lg:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}
:root[data-bs-theme=light] .form-control-lg:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px #fff inset, 0 0 0 0.2rem rgba(0, 58, 111, 0.25) !important;
}

:root[data-bs-theme=dark] .form-control-lg:-webkit-autofill,
:root[data-bs-theme=dark] .form-control-lg:-webkit-autofill:hover,
:root[data-bs-theme=dark] .form-control-lg:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 1000px var(--bs-body-bg) inset !important;
}
:root[data-bs-theme=dark] .form-control-lg:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px var(--bs-body-bg) inset, 0 0 0 0.2rem rgba(203, 118, 29, 0.25) !important;
}

.checkbox:checked {
	background-color: var(--bs-primary);
}

.checkbox:focus {
	border: var(--bs-primary) solid 0.8px;
	box-shadow: none;
}

:root[data-bs-theme=light] .form-check-input:checked {
	background-color: var(--bs-primary) !important;
}

:root[data-bs-theme=dark] .form-check-input:checked {
	background-color: var(--bs-primary) !important;
}

:root[data-bs-theme=light] .form-check-input:focus {
	border: 1px solid rgba(0, 58, 111, 0.5);
	box-shadow: rgba(0, 58, 111, 0.25) 0 0 0 0.2rem !important;
	outline: none;
	border-radius: 0.1875rem;
}

:root[data-bs-theme=dark] .form-check-input:focus {
	border: 1px solid rgba(203, 118, 29, 0.5);
	box-shadow: rgba(203, 118, 29, 0.25) 0 0 0 0.2rem !important;
	outline: none;
	border-radius: 0.1875rem;
}

.responsive-xs {
	text-overflow: ellipsis;
	overflow: hidden;
	overflow-y: scroll;
	scrollbar-color: transparent transparent;
}

.identity-width {
	width: min-content;
	max-width: 100vw;
}

@media (max-width: 650px) {
	.identity-width {
		min-width: 100vw;
	}
}

@media (min-width: 650px) {
	.identity-width {
		min-width: 80vw;
	}
}

@media (min-width: 992px) {
	.identity-width {
		min-width: 60vw;
	}
}

@media (min-width: 1300px) {
	.identity-width {
		min-width: 35vw;
	}
}