body
{
	margin:0px !important;
    background:url("/static/ikony/tlo.png");
	font-family:"Arial";
	user-select: none;
}

header
{
    width:50px;
    height:100%;
    position:fixed;
    overflow:auto;
    overflow-x:hidden;
    float:left;
    background-color:#2c2b30;
    box-shadow: 0px 0px 20px #2c2b30;
    transition:0.5s;
    z-index:10;
}

#hdr-pomoc{
    position:absolute;
}

ol
{
    list-style-type: none;
}

.menu1
{
    max-width:65%;
    float:left;
}

#strzala
{
    margin:10px;
    background:url("/static/ikony/arrow_z.png");
    width:30px;
    height:30px;
    cursor:pointer;
    transition:0.5s;
    background-repeat:no-repeat;
    background-size:contain;
}

#strzala:hover
{
    background:url("/static/ikony/arrow_h.png");
    background-repeat:no-repeat;
    background-size:contain;
}

main
{
    display:flex;
    width:100%;
    height:100%;
}

#menu
{
    width:50px;
    height:100%;
    margin:auto;
}

#v
{
    background:rgb(255,255,255);
    float:left;
    width:100%;
    height:10px;
    text-align:center;
    font-size:8px;
    font-weight:bolder;
}

#tytul243
{
    float:left;
    width:100%;
    padding-top:10px;
    padding-bottom:10px;
    height:40px;
    text-align:center;
    font-size:30px;
    font-weight:bolder;
}

.mnk
{
    width:40px;
    height:40px;
    float:left;
    text-align:center;
    margin:5;
    cursor:pointer;
    transition:0.5s;
    background:#4d4a58;
    border-radius:10px;
}

.mnikony
{
    height:30px;
    width:30px;
    margin:5px;
    float:left;
}

.zs
{
    height:40px;
    position:absolute;
    border-radius:10px;
    margin-left:40px;
    background:linear-gradient(90deg, rgba(77,74,88,1) 70%, rgba(77,74,88,0) 100%);
    transition:0.5s;
}

.mnpodpis
{
    color:white;
    font-weight:bold;
    font-size:18px;
    display:none;
    width: 290px;
    height: 40px;
    margin-top: 10px;
}

a:link
{
    text-decoration:none;
}

#calendars
{
    width:260px;
    float:left;
    transition:0.5s;
    padding-left:40px;
}

.mnkafel2
{
    width:250px;
}

.mnkafel3
{
    width:210px;
}

#mnglowna
{
    background:url("/static/ikony/strona-glowna_z.png");
    background-repeat:no-repeat;
    background-size:contain;
    transition:0.5s;
}

.mnkafel:hover #mnglowna
{
    background:url("/static/ikony/strona-glowna_h.png");
    background-repeat:no-repeat;
    background-size:contain;
}

#mnwyjazdy
{
    background:url("/static/ikony/wyjazdy_z.png");
    background-repeat:no-repeat;
    background-size:contain;
    cursor:pointer;
    transition:0.5s;
}

.mnkafel2:hover #mnwyjazdy
{
    background:url("/static/ikony/wyjazdy_h.png");
    background-repeat:no-repeat;
    background-size:contain;
}

#wyjazdy-m
{
    float:left;
    width:220px;
    padding-left:40px;
    transition:0.5s;
}

#mnwyjazdy-kws
{
    background:url("/static/ikony/kws_z.png");
    background-repeat:no-repeat;
    background-size:contain;
    cursor:pointer;
    transition:0.5s;
}

.mnkafel3:hover #mnwyjazdy-kws
{
    background:url("/static/ikony/kws_h.png");
    background-repeat:no-repeat;
    background-size:contain;
}

#mnwyjazdy-msk
{
    background:url("/static/ikony/msk_z.png");
    background-repeat:no-repeat;
    background-size:contain;
    cursor:pointer;
    transition:0.5s;
}

.mnkafel3:hover #mnwyjazdy-msk
{
    background:url("/static/ikony/msk_h.png");
    background-repeat:no-repeat;
    background-size:contain;
}

#mnwyjazdy-mst
{
    background:url("/static/ikony/mst_z.png");
    background-repeat:no-repeat;
    background-size:contain;
    cursor:pointer;
    transition:0.5s;
}

.mnkafel3:hover #mnwyjazdy-mst
{
    background:url("/static/ikony/mst_h.png");
    background-repeat:no-repeat;
    background-size:contain;
}

#mnwyjazdy-sys
{
    background:url("/static/ikony/sys_z.png");
    background-repeat:no-repeat;
    background-size:contain;
    cursor:pointer;
    transition:0.5s;
}

.mnkafel3:hover #mnwyjazdy-sys
{
    background:url("/static/ikony/sys_h.png");
    background-repeat:no-repeat;
    background-size:contain;
}

#mnurlopy
{
    background:url("/static/ikony/urlopy_z.png");
    background-repeat:no-repeat;
    background-size:contain;
    transition:0.5s;
}

.mnkafel2:hover #mnurlopy
{
    background:url("/static/ikony/urlopy_h.png");
    background-repeat:no-repeat;
    background-size:contain;
}

#mnprywatne
{
    background:url("/static/ikony/prywatne_z.png");
    background-repeat:no-repeat;
    background-size:contain;
    transition:0.5s;
}

.mnkafel2:hover #mnprywatne
{
    background:url("/static/ikony/prywatne_h.png");
    background-repeat:no-repeat;
    background-size:contain;
}

#mnspotkania
{
    background:url("/static/ikony/spotkania_z.png");
    background-repeat:no-repeat;
    background-size:contain;
    transition:0.5s;
}

.mnkafel2:hover #mnspotkania
{
    background:url("/static/ikony/spotkania_h.png");
    background-repeat:no-repeat;
    background-size:contain;
}

#mnprzeglady
{
    background:url("/static/ikony/przeglady_z.png");
    background-repeat:no-repeat;
    background-size:contain;
    transition:0.5s;
}

.mnkafel2:hover #mnprzeglady
{
    background:url("/static/ikony/przeglady_h.png");
    background-repeat:no-repeat;
    background-size:contain;
}

#mnkierowcy
{
    background:url("/static/ikony/kierowcy_z.png");
    background-repeat:no-repeat;
    background-size:contain;
    transition:0.5s;
}

.mnkafel2:hover #mnkierowcy
{
    background:url("/static/ikony/kierowcy_h.png");
    background-repeat:no-repeat;
    background-size:contain;
}

#mnadminroom
{
    background:url("/static/ikony/admin_z.png");
    background-repeat:no-repeat;
    background-size:contain;
    transition:0.5s;
}

.mnkafel:hover #mnadminroom
{
    background:url("/static/ikony/admin_h.png");
    background-repeat:no-repeat;
    background-size:contain;
}

#mnulamex
{
    background:url("/static/ikony/ulamex_z.png");
    background-repeat:no-repeat;
    background-size:contain;
    transition:0.5s;
}

.mnkafel:hover #mnulamex
{
    background:url("/static/ikony/ulamex_h.png");
    background-repeat:no-repeat;
    background-size:contain;
}

#mnprofil
{
    background:url("/static/ikony/profil_z.png");
    background-repeat:no-repeat;
    background-size:contain;
    transition:0.5s;
}

.mnkafel:hover #mnprofil
{
    background:url("/static/ikony/profil_h.png");
    background-repeat:no-repeat;
    background-size:contain;
}

#mnlogout
{
    background:url("/static/ikony/wyloguj-sie_z.png");
    background-repeat:no-repeat;
    background-size:contain;
    transition:0.5s;
}

.mnkafel:hover #mnlogout
{
    background:url("/static/ikony/wyloguj-sie_h.png");
    background-repeat:no-repeat;
    background-size:contain;
}

#mnlogin
{
    background:url("/static/ikony/login_z.png");
    background-repeat:no-repeat;
    background-size:contain;
    transition:0.5s;
}

.mnkafel:hover #mnlogin
{
    background:url("/static/ikony/login_h.png");
    background-repeat:no-repeat;
    background-size:contain;
}

#mnvoting
{
    background:url("/static/ikony/workflow_z.png");
    background-repeat:no-repeat;
    background-size:contain;
    transition:0.5s;
}

.mnkafel:hover #mnvoting
{
    background:url("/static/ikony/workflow_h.png");
    background-repeat:no-repeat;
    background-size:contain;
}

#mnszukanie
{
    background:url("/static/ikony/szukaj_z.png");
    background-repeat:no-repeat;
    background-size:contain;
    transition:0.5s;
}

.mnkafel:hover #mnszukanie
{
    background:url("/static/ikony/szukaj_h.png");
    background-repeat:no-repeat;
    background-size:contain;
}

#mnkalendarze
{
    background:url("/static/ikony/calendars_z.png");
    background-repeat:no-repeat;
    background-size:contain;
    transition:0.5s;
}

.mnkafel:hover #mnkalendarze
{
    background:url("/static/ikony/calendars_h.png");
    background-repeat:no-repeat;
    background-size:contain;
}

.menurozw
{
    float:left;
    padding-top:15px;
    padding-bottom:15px;
    width:70px;
    height:10px;
    color:white;
    border-radius:0 0 20px 20px;
    border-color:#2c2b30;
    border-style:none solid solid solid;
    background-color:#848484;
    font-weight:bold;
    transition:0.5s;
    font-size:12px;
}

.menurozw:hover
{
    background-color:#343434;
    padding-top:30px;
}

.strzala
{
    float:right;
    position:absolute;
    transform: rotate(-90deg);
    transition:0.5s;
}

#lista
{
    height:40px;
    width:500px;
    text-align:center;
    margin-left:100px;
    top:47px;
    z-index:-1;
    position:absolute;
}

.fa-circle-user
{
    color:white;
    margin-top:12px;
    font-size:24px;
    float:right;
}

.fa-door-open
{
    color:white;
    margin-top:12px;
    margin-right:12px;
    font-size:24px;
    float:right;
}

.fa-key
{
    color:white;
    margin-top:12px;
    margin-right:12px;
    font-size:24px;
    float:right;
}

.bababoy
{
    font-size:25;
    margin:10px;
    float:right;
}

.bababoy:hover
{
    cursor:pointer;
    color:grey;
}

#hdr::-webkit-scrollbar {
  width: 5px;
}

#hdr::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
  margin-top:10px;
  margin-bottom:10px;
}

#hdr::-webkit-scrollbar-thumb {
  background: grey;
  border-radius: 10px;
  transition:0.2s;
}

#hdr::-webkit-scrollbar-thumb:hover {
  background: black;
}