body { margin: 0; padding: 0; font-family: "Lato", sans-serif; font-weight: 300; font-size: 16px; cursor: default; background-color: #000; }
.logowanie { width: 100vw; height: calc(100vh - 30px); background-color: #000; background-image: url('/graph/map-light-gray2.png'); background-size: cover; background-position: center; background-repeat: no-repeat; overflow: auto; }
.okno { max-width: 510px; width: calc(100% - 20px); margin: 15vh auto auto auto; position: relative; background-color: #5e5e5ea6; border-radius: 10px; padding-bottom: 5px; }
.naglowek { color: #fff; font-weight: normal; font-size: 2em; text-shadow: 0px 0px 10px #000; text-align: center; padding: 10px 0px; }
.dane { background-color: #ffffffaf; padding: 20px; border-radius: 10px; width: calc(100% - 10px); box-sizing: border-box; margin: auto; }
.dane .loginLin { width: 100%; padding: 10px 0px; }
.dane .loginLin label { width: 100%; display: block; font-size: 0.8em; margin-bottom: 7px; padding-left: 6px; }
.dane .loginLin input { width: 100%; box-sizing: border-box; padding: 10px; border: 1px solid #e6e6e6; }
.dane .loginLin input[type=checkbox] { cursor: pointer; }
.dane .loginLin select { width: 100%; background-color: #fff; border: 1px solid #e6e6e6; padding: 10px; box-sizing: border-box; }
.dane .loginLin button { background-color: #ff5400; border: 1px solid #ff5400; padding: 7px 19px; color: #fff; border-radius: 6px; cursor: pointer; transition: 0.3s; }
.dane .loginLin button:hover { background-color: #ff2600; transition: 0.3s; }
.dane .loginLin a { color: #aaa; transition: 0.3s; }
.dane .loginLin a:hover { transition: 0.3s; color: #666; }
.dane .komunikat { color: #f00; }
footer { width: 100%; height: 30px; background-color: black; color: #fff; font-weight: normal; text-align: center; padding-top: 5px; box-sizing: border-box; }
footer a { color: #fff; }