* {font:normal 14px arial}
body {margin:0;padding:0;background-color: #E8E8E8; }
table {border-collapse: collapse;width:auto;margin-bottom: 20px;}
table td {padding:6px;border:1px black solid;background-color:white}
.czas {padding:0 5px;text-align: center;}
table .personalia:hover {#background-color:#bfe9ff;}
.personalia {height:28px}
.dzisiaj { background:#cceeff; }
.toja {background-color:greenyellow !important}
.noborderbottom.dzisiaj{ background:#cceeff;border-bottom:hidden}

.teraz { background:#ff0;animation: pulse2 2s infinite;-webkit-animation: pulse2 2s infinite}
.noborderbottom.teraz{ background:#ff0;border-bottom:hidden; animation: pulse2 2s infinite;-webkit-animation: pulse2 2s infinite}

table .dzien {padding:10px 8px;width:194px;text-align:center;font:bold 12px arial;text-transform:uppercase;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#02e1ff+0,00aded+100 */
background: #02e1ff; /* Old browsers */
background: -moz-linear-gradient(top,  #02e1ff 0%, #00aded 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #02e1ff 0%,#00aded 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #02e1ff 0%,#00aded 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02e1ff', endColorstr='#00aded',GradientType=0 ); /* IE6-9 */
}
.noborderbottom {border-bottom: hidden}
.nobordertop {border-top: 0 !important}
.noborderleft {border-left: 0}

h1 {text-align:center;font:bold 25px arial;padding-top:20px}
.x {background: url(../images/x.png) no-repeat;width:16px;height: 28px;display:inline-block;padding:0 5px;cursor:pointer;background-position:center center}
.result-wrapper {display: flex;align-items: center;}
input[type=submit] {padding: 5px;}
select {width:100%;padding:3px}
.nobackground {background:inherit;border-top:0;border-left:0;width:125px}
.info {width:90%;margin:0 auto;margin-top:15px;margin-bottom:30px;padding:15px;border:1px black solid;background-color:#FFB12A;font-size:1em;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.info2 {text-align:center;width:90%;margin:0 auto;padding:15px;border:1px black solid;background-color:#FF8383;font-size:18px; margin-top:30px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.info_icon {background:url(../images/info.png) no-repeat 50%;width:50px;height:50px;display:inline-block;float: left;margin-right: 10px;}
.info2 .info_icon {position: relative;top:-6px;}
.loader {background: url(ajax-loader.gif) #fff no-repeat 50%}

@keyframes pulse { 
  50% { background-color: #FF0101 }
}
@-webkit-keyframes pulse { 
  50% { background-color: #FF0101 }
}

@keyframes pulse2 { 
  50% { background-color: #cceeff; }
}
@-webkit-keyframes pulse2 { 
  50% { background-color: #cceeff; }
}
.css3-blink {animation: pulse 1s 10;-webkit-animation: pulse 1s 10}
.now{
    text-align:center;font:bold 20px arial;padding:10px 0;border-bottom:1px #888 solid;
    background-color: #fff;margin-bottom:10px;color:#777;box-shadow:0 0 3px #777;
    position:fixed;top:0;left:0;width:100%;
}
.now span{
    font:inherit;
}
#input[value=Wyloguj] {margin-top:50px;}
.buttonbg{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.button2 {


    border:1px gray solid;
    cursor:pointer;
    text-align:center;
    margin-left: 5px;
    margin-top:10px;
    display: inline-block;
    width: 49%;
}
.button2 a,.button2 a:visited {text-decoration:none;color:black;padding:40px 10px 40px 10px;display:block;font-size:3em}
.extra {text-align:center;   
    text-align: center;
    padding: 1px;
    color: gray;
    background: #eaeaea;
    display:inline-block;
}
#popup{display:none;text-align:center}
.ok{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b3ea27+0,81dd2a+100 */
background: #b3ea27; /* Old browsers */
background: -moz-linear-gradient(top,  #b3ea27 0%, #81dd2a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b3ea27 0%,#81dd2a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b3ea27 0%,#81dd2a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ea27', endColorstr='#81dd2a',GradientType=0 ); /* IE6-9 */
margin:10px;padding:35px;display:inline-block;
border:1px green solid;cursor:pointer;
}

#pass{
    width:500px;padding:25px;
    margin:0 auto;display:block;
    font-size: 30px;text-align:center;
    margin-top:20px;
}

input[type=submit]{
    -webkit-appearance: none;
    margin: 0 auto;
    display: block;
    padding: 30px 40px;
    margin-top: 20px;  
    border:1px gray solid;
    background:#E5E5E5;
    font-size:20px
}

@media (max-width: 980px) {
	#popup, #popup *{
	   font-size:20px !important;
	}
    #popup b{
	   font-weight: bold !important;
	}
    input[type=submit]{
        font-size:60px;
    }
    h1{
    font-size:3em;
    }
    .info2{font-size: 2em;}
}

@media (min-width: 1280px) {
    #pass{
        font-size:30px;width:300px;
        padding:15px;
    }
    
}

@media (min-width: 3760px) {
	#popup, #popup *{
	   font-size:50px !important;
       line-height: 1.2;
	}
	#popup b{
	   font-weight: bold !important;
	}

}

.lightred{
    background-color: #FFC7C7;
}

#button_prev{
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 15px 30px;
    text-align: center;
    display: block;
    }

textarea {
    width:100%;
    width: 90%;
    display:block;
    margin: 0 auto;
    margin-top:15px;
    padding: 10px;
    font-size:16px;
    overflow:auto;
}

#content{overflow:hidden;}
#grayed {color: gray;font-style:italic;text-align:center;}

select[name=imieinazwisko]{
    height: 50px;
    display: block;
    margin: 0 auto;
    width:50%;
}
.double{ border-bottom: 6px black double; }
#step1 select {background-color:#fff}

.btn {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #000000;
  font-size: 13px;
background: rgb(249,249,249);
background: linear-gradient(180deg, rgba(249,249,249,1) 0%, rgba(240,240,240,1) 100%);
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width: auto;
  display: block;
  text-align: center;
  font-weight: bold;
  cursor:pointer;
  box-shadow: 1px 1px 2px #888;
}

.btn:hover {
  background: #ebebeb;
  text-decoration: none;
}

table tr:nth-child(even) td{
    padding-bottom:3px;
}
table tr:nth-child(odd) td{
    padding-top:3px;
}
.dzien{
    padding:10px !important;
}