:root{--border-color:#ccc;--primary-color:#0078e7;--success-color:rgb(28,184,65);--error-color:rgb(202,60,60);--warning-color:rgb(223,117,20);--secondary-color:rgb(66,184,221)}html{box-sizing:border-box;min-height:100vh;scroll-padding-top:50px}*,:after,:before{box-sizing:inherit}body{min-height:100vh;background:#fcfcfc;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarel,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;margin:0;padding:0;scroll-padding-top:50px}.icon{width:1em;height:1em;fill:currentColor;vertical-align:-0.125em}.app{min-height:100vh;display:flex;flex-direction:column}.app--content{flex:1}.app--header{height:auto;background-color:#fff;box-shadow:0 1px 2px rgba(128,128,128,0.5);position:sticky;left:0;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 0.5em;z-index:1}.app--logo{display:inline-block;display:flex;align-items:center}.app--logo svg{width:auto;height:40px}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(1em,1em));justify-content:end;flex:1;gap:1em}.action-buttons a{color:inherit}.app--navigation{position:fixed;height:calc(100vh - 40px);top:40px;left:0;width:0;overflow-x:hidden;background-color:#df8600;color:#fff;text-shadow:1px 1px 0px #a0a0a0;z-index:9;transition:0.5s}.app--navigation.open{width:80%;max-width:280px;filter:drop-shadow(0 2px 2px rgba(0,0,0,0.5))}.app--navigation h4{margin:1em;color:#222;text-shadow:1px 1px 0px rgba(230,230,230,0.5)}.app--navigation ul{list-style:none;margin:0;padding:0;white-space:nowrap}.app--navigation ul li:nth-child(odd) a{background-color:#d07d00}.app--navigation a{text-decoration:none;color:inherit;display:block;padding:1em}.app--navigation .icon{margin-right:0.75em}.app--content{background-color:RGBA(241,241,234,0.25);padding:1em}form{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:0.5rem}form label{display:flex;justify-content:space-between;flex-wrap:wrap}form label input,form label select{flex:1 0 100%;width:100%}form label .label{padding-left:0.4rem}form .alert{grid-column:1/-1}form .optional,form .required{font-size:0.75em;margin-top:0.25em;margin-right:0.4rem;opacity:0.6}form .required{color:red}form .optional{color:#000}form .grid-buttons{grid-column:1/-1;margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:space-between}form input:not([type=submit]),form select{font-size:1rem;font-family:inherit;padding:0.35em}form fieldset{border:none;padding:0}form fieldset legend{padding-left:0.4rem;margin-right:0.4rem;margin-left:0;float:left}form fieldset input{vertical-align:middle}.login-form .forgotten{justify-self:end}@media only screen and (min-width:600px){.resident-form{grid-template-columns:repeat(12,1fr)}.resident-form .resident-apartment{grid-column:1/-1}.resident-form .resident-firstname,.resident-form .resident-lastname{grid-column:span 6}.resident-form .resident-address{grid-column:1/-1}.resident-form .resident-city,.resident-form .resident-country,.resident-form .resident-zip{grid-column:span 4}.resident-form .resident-mobile,.resident-form .resident-phone{grid-column:span 6}.resident-form .resident-email{grid-column:1/-1}}@media only screen and (min-width:600px){.user-form{grid-template-columns:repeat(12,1fr)}.user-form label{grid-column:span 6}}.btn{display:inline-block;zoom:1;line-height:normal;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:inherit;font-size:100%;padding:0.5em 1em;color:#444;color:rgba(0,0,0,0.8);border:1px solid #999;border:none transparent;background-color:#e6e6e6;text-decoration:none;border-radius:2px}.btn.primary{background-color:var(--primary-color);color:#fff}.btn.success{background-color:var(--success-color)}.btn.error{background-color:var(--error-color);color:#fff}.btn.warning{background-color:var(--warning-color);color:#fff}.btn.secondary{background-color:var(--secondary-color)}.btn:hover{background-image:linear-gradient(transparent,rgba(0,0,0,0.1) 40%,rgba(0,0,0,0.05));filter:none}.btn.disabled{opacity:0.4;cursor:not-allowed;filter:none;pointer-events:none}.btn:active{filter:none;box-shadow:0 0 0 1px rgba(0,0,0,0.15) inset,0 0 6px rgba(0,0,0,0.2) inset;border-color:#000}.btn .svg-icon{font-size:1.4em}.alert{padding-left:1.5em}.alert .icon{margin-left:-1.5em}.alert.info .icon{fill:var(--primary--color)}.alert.warning .icon{fill:var(--warning-color)}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);white-space:nowrap}.sign-in .app--content{display:flex;flex-direction:column;flex-direction:column;justify-content:center;align-items:center;padding:1em}.sign-in .login{height:100%;flex:1;display:flex}.sign-in .forgotten{text-decoration:none;color:inherit;opacity:0.7;margin:0.7em 0}.list{display:grid;gap:1em}.list .main-value{font-weight:600}.list--item{display:grid}.list--additional-info{grid-column:1/-1}.list-buttons{display:flex;justify-content:space-between;padding-top:1em}.resident{grid-template-columns:10ch 1fr;border-bottom:1px solid var(--border-color)}.resident .list--additional-info{font-size:0.85em;display:grid;gap:0.4em;padding-left:8ch;padding-bottom:1.2em}.resident .list--additional-info>:not(.list-buttons):before{content:attr(data-title) ": ";margin-left:-8ch;width:8ch;display:inline-block;opacity:0.75}.resident .list--additional-info .list-buttons{margin-left:-8ch}.resident--apartment,.resident--name{font-weight:600;padding-bottom:1em;cursor:pointer;text-transform:capitalize}@media only screen and (min-width:900px){.resident{grid-template-columns:10ch 30ch 1fr}.list--additional-info{grid-column:auto}}
/*# sourceMappingURL=screen.css.map */