body { padding: 0; margin: 0; font-family: Manrope; background: #111; color: #eee; font-size: 10pt; }

.centralcontainer { display: flex; align-items: center; justify-content: space-evenly; height: 100%; flex-direction: row; }
#logo { height: 55px; vertical-align: middle; }
#logocontainer { margin-bottom: 35px; }
#optionscontainer { display: block; }
#linkscontainer { flex-direction: row; }
#linkscontainer .link { min-width: 280px; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px 1px rbga(0, 0, 0, 0.1); opacity: .8; margin: 9px 0; padding: 7px 25px; height: 24px; display: flex; align-content: center; justify-content: space-between; align-items: center; transition: .3s ease; background: rgba(200, 200, 200, 0.1); border-radius: 5px; color: #eee !important; font-family: Montserrat; font-weight: 700; font-size: 9pt; cursor: pointer; }
a { text-decoration: none; }
#linkscontainer .link:hover { box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.12); opacity: .85; color: #fff; }
#linkscontainer .link .forward img { width: 22px; padding: 1px 0; }
#linkscontainer .link .linktextcontainer img { margin-right: 9px; vertical-align: middle; width: 16pt; }
#linkscontainer .link .linktextcontainer p { vertical-align: middle; display: inline-block; }
hr { margin: 25px 0; border: 1px solid #333; }

.textbox { outline: none; border: none; border-bottom: 2px solid #333; min-width: 280px; box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.06); opacity: .8; margin: 9px 0; padding: 5px 25px; height: 32px; transition: .3s ease; background: rgba(80, 80, 80, 0.1); border-radius: 5px; color: #ccc !important; font-family: Montserrat; font-weight: 700; font-size: 9pt; cursor: pointer; transition: .4s ease; }
.textbox:focus-within { border-bottom: 2px solid rgba(255, 0, 0, 0.8); }
.textbox-input { color: #fff; font-weight: 700; font-family: Montserrat; display: block; background: transparent; border: none; outline: none; width: 100%; }
.textbox-red { border-bottom: 2px solid red; }

#footerlinkscontainer { font-size: 8pt; text-align: right; line-height: 170%; }
#footerlinkscontainer a { text-decoration: none; color: #555; }
#footerlinkscontainer a:hover { text-decoration: underline; }

#logosidetext { vertical-align: middle; color: #fff; display: inline-block; margin-left: 20px; }

h2 { font-size: 13pt; }

footer { background: #090909; color: white; padding: 80px 5%; display: flex; align-content: center; align-items: center; justify-content: space-between; }
@media (max-width: 1200px) {
	#loginForm { xwidth: calc(100% - 10%) !important; }
	.centralcontainer { flex-direction: column; background-size: cover; justify-content: center; }
	#logocontainer { margin-bottom: 10px; padding-bottom: 30px; width: 85%; text-align: center; border-bottom: 1px solid rgba(100, 100, 100, 0.5); }
	#logo { height: 30px; margin: 0 0 0 0 !important; padding: 0; }
	#logosidetext { margin: 0; display: flex; justify-content: center; }
	#logocontainer { margin-bottom: 60px; }
	footer { flex-direction: column; padding: 50px 30px; justify-content: left; align-items: flex-start; }
	#footerlinkscontainer { text-align: left; margin-top: 35px; }
}

/*
.linkscontainer { flex-direction: row; transition: .3s ease; }
.linkscontainer .link { min-width: 380px; box-shadow: 0 0 4px 1px #ddd; opacity: .8; margin: 9px 0; padding: 7px 25px; height: 24px; display: flex; align-content: center; justify-content: space-between; align-items: center; transition: .3s ease; background: rgba(0, 0, 0, 0.1); border-radius: 5px; color: #444 !important; font-family: Montserrat; font-weight: 700; font-size: 9pt; cursor: pointer; }
a { text-decoration: none; }
.linkscontainer .link:hover { box-shadow: 0 0 4px 1px #999; opacity: .85; color: #fff; }
.linkscontainer .link .forward img { width: 22px; padding: 1px 0; }
.linkscontainer .link .linktextcontainer img { margin-right: 9px; vertical-align: middle; width: 16pt; }
.linkscontainer .link .linktextcontainer p { vertical-align: middle; display: inline-block; }
*/
#loginHighContainer { width: 100%; display: flex; flex-direction: column; }
#loginContainer { height: 100vh; width: 100%; display: flex; }
#loginImage { width: 50vw; height: 100%; box-shadow: 0 0 5px 5px #000; xbackground: url('https://images.unsplash.com/photo-1690394472903-23ce57cb5953?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2232&q=80'); }
#loginForm { width: 50vw; height: 100%; display: flex; align-items: center; }
#login-header { font-family: Montserrat; font-size: 12pt; color: #fff; }
footer { display: flex; font-family: Montserrat; font-weight: 400; justify-content: space-between; align-content: center; align-items: center; padding: 50px 5%; width: 90%; }
h5 { font-size: 10pt; margin: 3px 0; padding: 0; }
/*
footer ul { list-style-type: none; padding: 0; margin: 0; }
footer ul li { margin: 4px 0; padding: 0; }
footer a { color: #ddd; transition: .4s ease; }
footer a:hover { color: #fff; text-decoration: underline; }
#footer-central { text-align: center; font-family: Manrope; font-size: 9pt; }
#footer-right { text-align: right; font-size: 8pt; }
*/

@media (max-width: 900px) {
	#loginContainer { display: block; }
	#loginImage { height: 200px; width: 100%; background-size: cover; }
	#loginForm { width: 100% !important; height: calc(100% - 200px); align-items: flex-start; }
	#linkscontainer { padding: 10% 7.5% !important; }
	footer div { width: 90%; }
	#footer-central { text-align: left; margin: 12px 0 0 0; padding: 12px 0 4px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); }
	#footer-right { text-align: left; margin: 12px 0 0 0; padding: 18px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); }
	#logo { margin: 0; }
	#bg-placeinfo { display: none; }
}
	

#bg-placeinfo-container { position: absolute; bottom: 40px; transition: .3s ease; margin: 0 5%; color: #fff; background: rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); border-radius: 4px; padding: 9px 24px 9px 14px; font-size: 8pt; display: flex; align-items: center; gap: 10px; }
#bg-placeinfo-container:hover { background: rgba(0, 0, 0, 0.3); }

.loginImage-standard { background-position: center; background-size: cover; }
.loginImage-wideLeft { background-position: left; background-size: cover; }
.loginImage-wideUnset { background-position: unset !important; background-size: cover; }
.bg-placeinfo-standardDarkLogo { color: #fff !important; background: rgba(30, 30, 30, 0.4) !important; border: 1px solid rgba(0, 0, 0, 0.3) !important; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) !important; }
.bg-placeinfo-standardDarkDescription { color: #eee !important; background: rgba(30, 30, 30, 0.8) !important; border: 1px solid rgba(0, 0, 0, 0.05) !important; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) !important; }
.bg-placeinfo-dark { color: #111 !important; background: rgba(70, 70, 70, 0.2) !important; border: 1px solid rgba(0, 0, 0, 0.3) !important; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) !important; }
.bg-placeinfo-dark:hover { background: rgba(70, 70, 70, 0.3) !important; border: 1px solid rgba(0, 0, 0, 0.4) !important; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3) !important; }
.bg-placeinfo-dark img { filter: unset !important; }
.bg-placeinfo-description { color: #bbb; }
.bg-placeinfo-description-dark { color: #333; }
#photocopy { margin: 0; padding: 0; }
#photocopy a { color: #999; text-decoration: none; transition: .3s ease; }
#photocopy a:hover { color: #888; text-decoration: underline; }


footer { z-index: 100; padding: 20px 5%; flex-direction: column; width: 90%; box-shadow: 3px 3px 4px 4px rgba(0, 0, 0, 0.3); }
.footer-elements-container { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-content: center; align-items: center; gap: 20px; }
.footer-elements-container div { min-width: calc(33% - 40px); }
.footer-element-right { text-align: right; font-size: 8pt; }
.footer-element-center { text-align: center; font-family: Montserrat; }
@media(max-width: 1000px) {
	.footer-element-right { text-align: center; }
	.footer-element-center { text-align: center; }
	.footer-element-left { text-align: center; }
	.footer-elements-container { gap: 22px; }
	.footer-elements-container div { min-width: unset; width: 100%; }
	footer { padding: 150px 5% 60px 5% !important; }
}
@media(max-width: 500px) {
	footer { padding: 100px 5% 60px 5% !important; }
}
h5 { font-size: 10pt; margin: 3px 0; padding: 0; }
footer ul { list-style-type: none; padding: 0; margin: 0; }
footer ul li { margin: 4px 0; padding: 0; }
footer a { color: #ddd; transition: .4s ease; }
footer a:hover { color: #fff; text-decoration: underline; }
#appfooter { z-index: 1000; position: relative; }
footer { background: url('/assets/backgrounds/footer.svg'); background-size: cover; padding: 180px 5% 60px 5% !important; box-shadow: none !important; transition: .3s ease; }
.footer-links li:hover { background: none !important; }
.footer-element-center h5 { font-size: 10pt; }
.footer-element-center { font-size: 9pt; }

#undercopyright-mobile-picturename { display: none; margin-top: 18px; font-weight: 700; line-height: 140%; }
#undercopyright-mobile-picturename img { opacity: .7; height: 20px; filter: invert(100%); }
#undercopyright-mobile-description { font-size: 7pt; color: #777; font-weight: 400; }
#copyright-mobile-break { display: none; }
@media(max-width: 1000px) {
	#copyright-mobile-break { display: inline; }
	#undercopyright-mobile-picturename { display: flex; align-items: center; gap: 7px; }
}

#newfooter { padding: 30px 5%; background: #000; color: #fff; border-radius: 0 3px 0 0; box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1); }