#side{
background: rgb(248,248,248);
position:absolute;
right:0px;
top:0px;
width:0px;
height:100%;
overflow: auto;
font-weight: 400;
font-size: 16px !important;
font-family: 'Noto Sans', sans-serif !important;
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);

}
/* 
#DAA520
*/

#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 !important;
}

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

#side ul li span{
cursor:default;
}


#side #info-panel{
	width:100%;
	bottom: 0px;
	position: absolute;
}

#side .side-dropdown-btn{
display: block;
padding: 0px 0px 0px 10px;
height:35px;
width: 100%;
line-height: 25px;
text-indent: 6px;
border-bottom: 1px solid #ddd;
font-size: 14px;
text-align: left;
background: rgb(248,248,248);
border-top:none;
border-right: none;
outline: none;
cursor:pointer;
}

.fa-angle-double-down, .fa-info-circle, .fa-cog {
	margin-right: 5px;
}

#side button.side-dropdown-btn.top{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #bbb;
	color:#333;
	font-weight: 400;
	font-size: 16px;
	font-family: 'Noto Sans', sans-serif !important;
	height: 40px;
}

#side .side-dropdown-container {
  display: none;
  background-color:rgb(248,248,248);
  position: relative;
  width:  100%;
  -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);
}

.activeDropDown {
background: #DAA520 !important;
color: white !important;
border: none !important;
}

#sideUser ul li{
	/*position: absolute;*/
	width: 100%;
}

#side-user{
	width: 100%;
}


.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 !important;
}

#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, #side .side-dropdown-btn:hover,  #side .side-dropdown-btn:active{
background: #DAA520;
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);
border: none !important;
}



ul li.ddsub a:hover{
background: #FFF0AF;
color: #333 !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: 100%;
float: none;
max-height: 450px;
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: #FFF0AF;
/*color: white;*/
}


#side td.list, #side td.delete, #side td.select, .plus{
    padding-top:5px;
    width: 33px;
}

#side td.edit img{
    padding-top:5px;
    width: 27px; 
}

.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 .lic, #side .ost, #side .zasady{
background-position: 20px center;
background-repeat: no-repeat;
padding-left: 40px;
}

#side i.fa {
	display: inline;
	padding-right: 15px;
}

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

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

#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 .ost{
background-image: url('../images/open.png');
}
*/

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

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

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

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

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

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

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