#strona
{
    width:100%;
    height:100%;
}

#nawiguj
{
	height:120px;
	padding:0px;
}

#nawiguj2
{
	height:30px;
	width:200px;
	padding:0px;
	position:absolute;
	left:225px;
}

.logowanie
{
    padding-top:40px;
    color:white;
    width:150px;
    height:20px;
    float:left;
}

.pass2
{
    width:180px;
    height:20px;
}

.l1
{
	list-style-type:none;
	float:left;
	margin-left:50px;
	margin-right:50px;
}

.l2
{
    list-style-type:none;
	float:left;
}

#h1
{
	text-align:center;
	color:white;
}

a
{
	text-decoration:none;
}

main
{
    float:left;
    width:100%;

}

#tlo
{
    background-image:url("/static/ikony/urlopy.jpg");
    width:500px;
	margin:auto;
	margin-top:50px;
	border-radius: 10px;
}

#tlo2
{
    background-image:url("/static/ikony/przeglad.jpg");
    width:450px;
    margin-left:20px;
	margin-top:10px;
	border-radius: 10px;
}

#tlo3
{
    background-image:url("/static/ikony/umowy.png");
    width:450px;
	margin-left:20px;
	border-radius: 10px;
}

.tabela1
{
	width: 600px;
    height: 240px;
    background-color: #2c2b30;
    padding: 10px;
    margin: auto;
    margin-top: 80px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 0px 20px #2c2b30;
}

.tabela1 > tr
{
	background-color:rgba(255,0,0,0.4);
}

.tabela2
{
	width:450px;
	height:300px;
	background-color:rgba(255,255,255,0.4);
	border-radius: 10px;
	border-style:solid;
    border-width:2px;
    border-color:rgb(150,150,150);
    text-align:center;
}

#tabela3
{
    float:left;
}

.potwierdz
{
	width: 200px;
    height: 40px;
    margin-top: 10px;
    background-color: lemonchiffon;
    font-weight: bold;
    font-size: 20;
    border-radius: 10px;
    text-align: center;
    transition: 0.5s;
    border:solid;
    border-width:1px;
}

.potwierdz:hover
{
	cursor:pointer;
	background-color:rgb(255,10,10);
}

#konsola
{
    width:800px;
    height:600px;
    padding:10px;
    color:white;
    background-color:rgba(0,0,0,0.5);
    margin-left:20px;
    border-color:rgb(150,150,150);
    border-style:solid;
    border-width:2px;
    border-radius:10px;
    overflow:auto;
    overflow-x:hidden;
}

.urlopy
{
    width:150px;
    border-radius:10px;
    background-color:rgba(255,255,255,0.2);
    text-align:center;
}

.urlopy2
{
    width:50px;
    border-radius:10px;
    background-color:rgba(255,255,255,0.2);
    text-align:center;
}

.wpisy
{
    background-color:rgba(255,255,255,0.7);;
    height:50px;
    border-radius:3px;
    text-align:center;
}

.accept
{
    width:50px;
    height:50px;
    background:url("/static/ikony/check.png");
    border:none;
    background-repeat: no-repeat;
}

.accept:hover
{
    background:url("/static/ikony/checkh.png");
    cursor:pointer;
}

.decline
{
    width:50px;
    height:50px;
    background:url("/static/ikony/xmark.png");
    border:none;
}

.decline:hover
{
    background:url("/static/ikony/xmarkh.png");
    cursor:pointer;
}

.data
{
    background-color: rgba(255,255,255,0.9);
    width: 180px;
    height: 40px;
    font-weight: bold;
    border-radius: 20px;
    border-width: 2px;
    text-align: center;
}

.przycisk
{
	text-align:center;
}

.tekst
{
    height:16px;
    margin:12px;
    width:100px;
}

.aa
{
    width:100%;
    height:100%;
}

.rows
{
    width:100%;
    height:40px;
    transition:1s;
    cursor:pointer;
}

.rows:hover
{
    background-color:#4e4e52;
}

#tytul
{
    width:13%;
    height:100%;
    background-color:#5a0000;
    border-style: none solid solid none;
    border-radius: 0px 0px 30px 0px;
    padding-top:5px;
    font-size:25px;
    text-align:center;
    color:white;
    float:left;
    font-family:Fantasy;
}

#iclistapng
{
    background:url("/static/ikony/zmiana_z.png");
    background-size: cover;
    width: 25px;
    height: 25px;
}

#iclistapng:hover
{
    background:url("/static/ikony/zmiana_h.png");
    background-size: cover;
    width: 25px;
    height: 25px;
}

.zamkniete
{
    padding-top:20px;
    padding-bottom:20px;
    text-decoration:none;
    font-size:12px;
	text-align:center;
	font-weight:bold;
	color:grey;
	font-family:Arial;
}

#panel
{
	width:13%;
	height:100%;
	text-align:center;
	float:left;
}

.wpis1
{
    padding-top:2px;
    position:absolute;
    background-color:rgba(150,0,0,0.7);
    color:white;
    z-index:5;
    text-align:left;
    height:20px;
    transition:0.5s;
    border-radius:30px 30px 30px 30px;
}

.wpis1:hover
{
    background-color:rgba(200,200,200,0.7);
    cursor:pointer;
}

.wpis2
{
    padding-top:2px;
    position:absolute;
    background-color:rgba(0,0,0,0.7);
    color:white;
    z-index:5;
    text-align:left;
    height:20px;
    transition:0.5s;
    border-radius:30px 30px 30px 30px;
}

.wpis2:hover
{
    background-color:rgba(200,200,200,0.7);
    cursor:pointer;
}

.wiecej
{
    padding-top:2px;
    position:absolute;
    color:white;
    z-index:5;
    height:20px;
    width:50px;
    margin-left: 35%;
}

.wiecej:hover
{
    background:
}

.nv
{
    font-size:25px;
}

#konsolka
{
    width:170px;
    height:40px;
    margin:auto;
}

.dt
{
    text-align:center;
    width:170px;
    height:20px;
    background-color:c40c0c;
    padding:10px;
    font-size:20;
    font-family:system-ui;
    color:white;
    border-style:solid;
    border-width:1px;
    border-color:#683033;
}

.dt2
{
    text-align:center;
    width:170px;
    height:20px;
    background-color:c40c0c;
    padding:10px;
    font-size:20;
    font-family:system-ui;
    color:white;
    border-style:solid;
    border-width:1px;
    border-color:#683033;
}

.dz
{
    width:170px;
    height:150px;
    position:relative;
    border-style:solid;
    border-width:1px;
    border-color:#683033;
}

.dz2
{
    width:170px;
    height:60px;
    position:relative;
    border-style:solid;
    border-width:1px;
    background:rgba(255,255,255,0.6);
    text-align:center;
    border-color:#683033;
}

.dzl
{
    width:100%;
    height:20px;
    position:absolute;
    font-weight: bold;
    font-size:18;
    top:5;
    right:5;
    text-align:right;
}

#tyt{
    margin-top:10px;
}