.loginpage-html {
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	line-height: 1.5;
	color: #212529;
}

.loginpage-html body {
	margin: 0;
	/* padding: calc(50vh - 160px) 0 0; */
	padding: 0;
	text-align: left;
}

.loginpage-html form {
	text-align: left;
}

.loginpage-wrap {
	max-width: 375px;
	height: 320px;
	margin: 0 auto;
	text-align: left;
}


.loginpage-label {
	display: flex;
	margin: 0 0 1em 0;
}

.loginpage-label-text {
	flex: 0 0 150px;
	text-align: right;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 0;
	font-size: inherit;
	line-height: 1.5;
	box-sizing: border-box;
	margin-right: 20px;
}

.loginpage-welcome {
	text-align: center;
	font-size: 22px;
}

.loginpage-logged-action {
	text-align: center;
	margin-top: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.loginpage-logged-action>* {
	margin-left: 1rem;
	margin-right: 1rem;
}

/* ****** INPUT ****** */

.loginpage-input {
	display: block;
	width: 100%;
	flex: 1 1 100%;
	height: 24px;
	padding: 6px 12px;
	font-size: 16px;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 4px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.loginpage-input:focus {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.loginpage-input-code {
	-moz-appearance: textfield;
	appearance: textfield;
}

.loginpage-input-code::-webkit-outer-spin-button, .loginpage-input-code::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;
}

/* ****** BUTTON ****** */

.loginpage-button {
	display: inline-block;
	font-weight: 400;
	font-family: inherit;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 6px 12px;
	font-size: 16px;
	line-height: 1.5;
	border-radius: 4px;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	cursor: pointer;
	text-decoration: none;

	color: #fff;
	background-color: #007bff;
	border: 1px solid #007bff;
}

.loginpage-button:hover {
	color: #fff;
	background-color: #0069d9;
	border-color: #0062cc;
}


/* ******* BUTTONS LAYOUT ****** */

.loginpage-bottom-row {
	padding-left: 0px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.loginpage-forgot-field {
	text-align: right;
	order: 1;
	margin-right: 20px;
}

.loginpage-button-field {
	order: 2;
}


/* ******* LINKS & NAV ****** */

.loginpage-aux-link {
	color: #999999;
	font-size: 16px;
}

.loginpage-forgot-back-field {
	margin-right: 20px;
}


/* ****** SAY and TEXT PROMPTS ****** */

.loginpage-say {
	/*min-height: 50px;*/
	margin-bottom: 16px;
}

.loginpage-say:empty {
	display: none;
}

.loginpage-say .good_container {
	position: relative;
	padding: 10px 16px;
	margin-bottom: 16px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.loginpage-say .good_chyba {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.loginpage-say .good_ok {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

.loginpage-prompt {
	text-align: left;
	line-height: 1.5;
	margin-bottom: 16px;
}

.loginpage-prompt-sub {
	text-align: left;
	line-height: 1.5;
	margin-bottom: 24px;
}

/* SPINNER */
.loginpage-studying-box {
	display: flex;
	align-items: center;
}
.loginpage-spinner-wrap {
	flex: 0 0 32px;
	margin-right: 16px;
}
.loginpage-spinner {
	width: 32px;
	height: 32px;
	background: no-repeat center center url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ibGRzLXNwaW5uZXIiIHdpZHRoPSIyMDBweCIgIGhlaWdodD0iMjAwcHgiICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIHN0eWxlPSJiYWNrZ3JvdW5kOiBub25lOyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ2IiB5PSIyLjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjgiIGhlaWdodD0iMjEiIGZpbGw9IiNjMmMyYzIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC45MjMwNzY5MjMwNzY5MjMxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgyNy42OTIzMDc2OTIzMDc2OTMgNTAgNTApIj4KICA8cmVjdCB4PSI0NiIgeT0iMi41IiByeD0iMCIgcnk9IjAiIHdpZHRoPSI4IiBoZWlnaHQ9IjIxIiBmaWxsPSIjYzJjMmMyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuODQ2MTUzODQ2MTUzODQ2MXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNTUuMzg0NjE1Mzg0NjE1MzkgNTAgNTApIj4KICA8cmVjdCB4PSI0NiIgeT0iMi41IiByeD0iMCIgcnk9IjAiIHdpZHRoPSI4IiBoZWlnaHQ9IjIxIiBmaWxsPSIjYzJjMmMyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuNzY5MjMwNzY5MjMwNzY5M3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoODMuMDc2OTIzMDc2OTIzMDggNTAgNTApIj4KICA8cmVjdCB4PSI0NiIgeT0iMi41IiByeD0iMCIgcnk9IjAiIHdpZHRoPSI4IiBoZWlnaHQ9IjIxIiBmaWxsPSIjYzJjMmMyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuNjkyMzA3NjkyMzA3NjkyM3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMTEwLjc2OTIzMDc2OTIzMDc3IDUwIDUwKSI+CiAgPHJlY3QgeD0iNDYiIHk9IjIuNSIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iOCIgaGVpZ2h0PSIyMSIgZmlsbD0iI2MyYzJjMiI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjYxNTM4NDYxNTM4NDYxNTRzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDEzOC40NjE1Mzg0NjE1Mzg0NSA1MCA1MCkiPgogIDxyZWN0IHg9IjQ2IiB5PSIyLjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjgiIGhlaWdodD0iMjEiIGZpbGw9IiNjMmMyYzIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC41Mzg0NjE1Mzg0NjE1Mzg0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgxNjYuMTUzODQ2MTUzODQ2MTYgNTAgNTApIj4KICA8cmVjdCB4PSI0NiIgeT0iMi41IiByeD0iMCIgcnk9IjAiIHdpZHRoPSI4IiBoZWlnaHQ9IjIxIiBmaWxsPSIjYzJjMmMyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuNDYxNTM4NDYxNTM4NDYxNTZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDE5My44NDYxNTM4NDYxNTM4NCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ2IiB5PSIyLjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjgiIGhlaWdodD0iMjEiIGZpbGw9IiNjMmMyYzIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC4zODQ2MTUzODQ2MTUzODQ2NHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMjIxLjUzODQ2MTUzODQ2MTU1IDUwIDUwKSI+CiAgPHJlY3QgeD0iNDYiIHk9IjIuNSIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iOCIgaGVpZ2h0PSIyMSIgZmlsbD0iI2MyYzJjMiI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjMwNzY5MjMwNzY5MjMwNzdzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDI0OS4yMzA3NjkyMzA3NjkyMyA1MCA1MCkiPgogIDxyZWN0IHg9IjQ2IiB5PSIyLjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjgiIGhlaWdodD0iMjEiIGZpbGw9IiNjMmMyYzIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC4yMzA3NjkyMzA3NjkyMzA3OHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMjc2LjkyMzA3NjkyMzA3NjkgNTAgNTApIj4KICA8cmVjdCB4PSI0NiIgeT0iMi41IiByeD0iMCIgcnk9IjAiIHdpZHRoPSI4IiBoZWlnaHQ9IjIxIiBmaWxsPSIjYzJjMmMyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuMTUzODQ2MTUzODQ2MTUzODVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDMwNC42MTUzODQ2MTUzODQ2NCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ2IiB5PSIyLjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjgiIGhlaWdodD0iMjEiIGZpbGw9IiNjMmMyYzIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC4wNzY5MjMwNzY5MjMwNzY5M3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMzMyLjMwNzY5MjMwNzY5MjMgNTAgNTApIj4KICA8cmVjdCB4PSI0NiIgeT0iMi41IiByeD0iMCIgcnk9IjAiIHdpZHRoPSI4IiBoZWlnaHQ9IjIxIiBmaWxsPSIjYzJjMmMyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PC9zdmc+');
	background-size: contain;
}

/* INSTANCE SPECIFIC STUFF */

.loginpage-sgl {
	font-size: 16px;
	font-family: Roboto, sans-serif;
}

.loginpage-sgl .loginpage-button {
	background-color: #78a0bc;
	border-color: #78a0bc;
}

.loginpage-sgl .loginpage-button:hover {
	background-color: #345c7f;
	border-color: #345c7f;
}