#side{
background: rgb(248,248,248);
position:absolute;
right:0px;
top:0px;
width:0px;
overflow: hidden;
font-weight: 400;
font-size: 16px;
font-family: 'Noto Sans', sans-serif;
z-index: 1006;
-moz-box-shadow: inset 6px 1px 6px -5px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 6px 1px 6px -5px rgba(0,0,0,0.2);
box-shadow: inset 6px 1px 6px -5px rgba(0,0,0,0.2);

}


#side ul li a, #side ul li span{
display: block;
padding: 8px 0px 0px 10px;
height:32px;
line-height: 25px;
text-indent: 10px;
}

#side ul li.top{
border-bottom: 1px solid #bbb; 
}
#side ul li.sub{
border-bottom: 1px solid #ddd;
font-size: 14px; 
}

#side ul li span{
cursor:default;
}

.grad, #side .top  {
background: rgb(252,252,252); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(246,246,246,1) 47%, rgba(220,220,220,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(220,220,220,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(246,246,246,1) 47%,rgba(220,220,220,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(246,246,246,1) 47%,rgba(220,220,220,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(246,246,246,1) 47%,rgba(220,220,220,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(246,246,246,1) 47%,rgba(220,220,220,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
td.grad, td.top{
border-bottom: 1px solid #bbb !important;
height: 45px;
}

#side .top  {
-moz-box-shadow: inset 6px 1px 6px -5px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 6px 1px 6px -5px rgba(0,0,0,0.2);
box-shadow: inset 6px 1px 6px -5px rgba(0,0,0,0.2);

}
.add_loc{
cursor: pointer;
}

ul li.sub a:hover, #side tr.sel:hover{
background: #0b72b5;
color: white !important;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
-webkit-filter: invert(0);
}


.inactive, .inactive a{
color: #87888a !important;
}

.table_overflow{
width: 300px;
float: none;
max-height: 132px;
overflow: auto;
}

table.side{
width: 100%;
border-spacing: 0px;
color: #333;
}



.side tr td{
border-bottom: 1px solid #ddd;
height: 33px;
}

#side td.top{
padding-left: 20px;

}
#side .name{
padding-left: 20px;
font-size: 14px;

}

#side .area{
font-size: 9px;
text-align: right;
padding-right: 10px;
}

#side tr.active{
background: #97bf0d;
color: white;
}


#side td.list, #side td.delete, #side td.select, .plus{
padding-top:5px;
width: 33px;
}
.rotate{
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;
 
    }  
 
.rotate:hover  
{
    opacity: 0.8;
} 


#side .man, #side .enc, #side .res, #side .set, #side .log, #side .learning, #side .zasady, #side .lic{
background-position: 20px center;
background-repeat: no-repeat;
padding-left: 40px;
}

#side .man{
background-image: url('../images/man.png');
}

#side .enc{
background-image: url('../images/enc.png');
}

#side .res{
background-image: url('../images/res.png');
}

#side .lic{
background-image: url('../images/lic.png');
}

#side .set{
background-image: url('../images/set.png');
}
#side .log{
background-image: url('../images/log.png');
}
#side .learning{
background-image: url('../images/lea.png');
}

#side .zasady{
  background-image: url('../images/zasady.png');
}

#side .man:hover{
background-image: url('../images/man_h.png');
}

#side .enc:hover{
background-image: url('../images/enc_h.png');
}

#side .res:hover{
background-image: url('../images/res_h.png');
}

#side .set:hover{
background-image: url('../images/set_h.png');
}
#side .log:hover{
background-image: url('../images/log_h.png');
}

#side .learning:hover{
background-image: url('../images/lea_h.png');
}

#side .lic:hover{
background-image: url('../images/lic_h.png');
}