/* body { background-color: #fff; background-size: 100vw 100vh; background-repeat: no-repeat; font-size: 18px; color: #000; font-family: Arial, Helvetica, sans-serif; padding: 0; margin: 0; } */
.tabelka { width: 400px; }
.logow { width: 100%; padding: 0px; background-color: rgba(255, 255, 255, 0.789); border-radius: 10px; overflow: hidden; }
.logowTekst { float: left; width: calc(50% - 40px); color: #313B5E; padding: 80px 20px 0px 20px; }
.logowTabelka { float: left; width: calc(50% - 40px); padding: 20px; } 
.logowCalosc { width: 100%; margin-top: 150px; overflow: hidden; }
.logowTabelka form { width: 402px; }
.logowTytul { width: 100%; text-align: center; padding: 15px 50px; box-sizing: border-box; background-color: #fffa; color: #313B5E; font-weight: bold; font-size: 0.9em; }
.logowPodaj { width: 100%; text-align: center; padding: 0px 0px; margin: 1px auto 40px auto; }
.logowInput { width: 80%; margin: 20px auto; border: 1px solid #313B5E; border-radius: 10px; }
.logowInput legend { font-size: 0.7em; color: #313B5E; }
.logowInput input { width: 100%; background-color: #fff; border: 0px; font-size: 1em; padding: 5px; box-sizing: border-box; text-align: left; transition: 0.5s; }
.logowInput input:focus { background-color: #ffffff; }
.logowInput2 { width: 35%; float: left; margin: 20px 1%; }
.logowButton { width: 100%; text-align: center; }
.logowButton button { width: 70%; background-color: #313B5E; border: 0px; margin: 10px auto; padding: 15px 0px; box-sizing: border-box; cursor: pointer; font-size: 0.9em; transition: 0.5s; color: #fff; font-weight: bold; border-radius: 3px; }
.logowButton button:hover { background-color: #000; transition: 0.5s; color: #fff; }
.pokazHaslo { width: 80%; margin: 10px auto; font-size: 0.9em; }
.pokazHaslo label { margin-left: 15px; }
.pokazHaslo input { cursor: pointer; }
.pokazHaslo input[type=checkbox] { background-color: #313B5E; accent-color: #313B5E; }
.pokazHaslo a { color: #313B5E; text-decoration: none; }
.logowLinki { width: 100%; text-align: center; padding: 10px; font-size: 0.7em; }
.logowLinki a { color: #313B5E; transition: 0.5s; text-decoration: none; }
.logowLinki a:hover { color: #666; transition: 0.5s; }
.komunikat { width: 100%; text-align: center; padding: 10px 0px; border-bottom: 1px solid #a00; color: #a00; background-color: #fccc; }
.dodatki { font-size: 0.7em; text-align: right; overflow: hidden; }
.dodatki a { text-decoration: none; color: #333; display: inline-block; padding: 0px 6px; }

.edycjav2Okno { width: 100%; border: 1px solid #dfdfdf; border-radius: 5px; margin-bottom: 10px; }
.edycjav2Naglowek { user-select: none; width: 100%; border-bottom: 1px solid #dfdfdf; background-color: #f7f7f7; padding: 7px 10px; box-sizing: border-box; }

@media all and (max-width: 900px) {
    .logowCalosc { margin-top: 10px; }
    .logowTekst { width: calc(100% - 40px); float: none; }
    .logowTabelka { float: none; margin: auto; width: 402px; }
}