.sidr {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 99;
    
    overflow-x: none;
    overflow-y: auto;    


   
}

.sidr.left {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 99;
    width: 160px;
    overflow-x: none;
    overflow-y: auto;    
    font-size: 15px;
    background: #3296db;
    
    -webkit-box-shadow: inset 0 0 5px 5px #1d77b6;
    -moz-box-shadow: inset 0 0 5px 5px #1d77b6;
    box-shadow: inset 0 0 5px 5px #1d77b6;    
    
    -webkit-overflow-scrolling: touch; 
    padding-bottom:50px;    
}
.sidr .sidr-inner {
    padding: 0 0 15px
}
.sidr .sidr-inner>p {
    margin-left: 15px;
    margin-right: 15px
}
.sidr.right {
    left: auto;
    right: -320px;
}
.sidr.left {
    left: -260px;
    right: auto;
}


#sidr-left {    
    padding-top:10px; /*padding-top:51px;*/
     -webkit-transform: translate3d(0,0,0);
}

#sidr-left h1 {
    color:white;
    padding:5px 5px 2px 10px;
    font-size:16px;
    margin:0px;
}

#sidr-left ul li a {
    	margin: 5px 10px !important;
    	padding: 4px 5px 6px 7px !important;
    	border-radius:7px;
    	-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	box-shadow: none;
    	border:#5cb0e9 1px solid;           
        font-size:15px;    
        color:white; 
}

#sidr-left ul li a.ps-selected {
       background-color:#00376D;
        border-color:#00376D;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color:white;
}


#sidr-left ul li a.ps-zrusit {
     	position:absolute;
     	right:-13px; top:-3px;
      
      background:none;
      border:none;
   		font-size:18px;
   
    }
    
#sidr-left ul li a.ps-zrusit span {
     	display:inline-block;
     	color:#d0d0d0;

}


#sidr-left .dropdown-menu li {
    border:none;    
}

#sidr-left .dropdown-menu li a {
    color:black;
    padding:5px 10px 5px 15px;
}
    

#sidr-left .rozbalovac {
    display:block;
    position:absolute;
    right:0px;
    top:0px;
    height:48px;
    box-shadow:none;
    font-size:28px;
    line-height:46px;
    width:48px;
    cursor:pointer;
}
#sidr-left .sub-menu {
    display:none;
}

#sidr-left li.active > a {
    background-image:none;   
}
#sidr-left li.active .sub-menu {
    display:block;
}

.sidr.left ul {
    display: block;
    margin: 0px;
    padding: 0;
  
}



.sidr.left ul li {
    display: block;
   
    margin: 0;

 
    bacgkround-color:#3296db;
    position:relative;
}

.sidr.left ul li ul  {
    border-bottom: 1px solid #5fbaf8;
    border-top: 1px solid #0c4064;
    
}
.sidr.left ul li ul li {
    display: block;
    margin: 0;
    line-height: 48px;
    border-bottom: none;
    border-top: none;
    background-color:#004d89;    
}


.sidr.left ul li.active,
.sidr.left ul li.sidr-class-active {
    /*line-height: 33px;*/
    border-top-color:#2583c4;
    border-bottom-color:#2583c4;
    
}

.sidr.left ul li:hover {
    /*background-color:#5fbaf8;*/
    
}

.sidr.left ul li.active>a,
.sidr.left ul li.active>span,
.sidr.left ul li.sidr-class-active>a,
.sidr.left ul li.sidr-class-active>span {
    -webkit-box-shadow: inset 0 0 15px 3px #1d77b6;
    -moz-box-shadow: inset 0 0 15px 3px #1d77b6;
    box-shadow: inset 0 0 15px 3px #1d77b6
}
.sidr.left ul li a,
.sidr.left ul li span {
    padding: 0 15px;
    display: block;
    text-decoration: none;    
}
.sidr.left ul li ul {
    border-bottom: none;
    margin: 0
}
.sidr.left ul li ul li {
    line-height: 32px;
    font-size: 14px
}
.sidr.left ul li ul li:last-child {
    border-bottom: none
}

.sidr.left ul li ul li.active,
.sidr.left ul li ul li.sidr-class-active {
    border-top: none;
    line-height: 33px;
}

.sidr.left ul li ul li.active>a,
.sidr.left ul li ul li.active>span,
.sidr.left ul li ul li.sidr-class-active>a,
.sidr.left ul li ul li.sidr-class-active>span {
    -webkit-box-shadow: inset 0 0 15px 3px #1d77b6;
    -moz-box-shadow: inset 0 0 15px 3px #1d77b6;
    box-shadow: inset 0 0 15px 3px #1d77b6;    
}

.sidr.left ul li ul li:hover>a,
.sidr.left ul li ul li:hover>span {
    background-color:#1d77b6;
}

.sidr.left ul li ul li a,
.sidr.left ul li ul li span {
    color: rgba(255, 255, 255, 0.8);
    padding-left: 30px
}



/*
 *-------------------
*/


/*
#sidr-right {
    width:320px;
    padding-top:32px;
    margin-top:0px;
     -webkit-transform: translate3d(0,0,0);
    background-color:#FFCB3B !important;
    
     
}

*/










 
 /*
#extra-toggle {
    z-index:99999; 
		position:absolute; 
		color:white;
    top:9px;
    right:50px;         
    font-size:35px;
    cursor:pointer;
}

#extra-toggle-back {
 		z-index:99999; position:fixed; color:white;
    top:12px;
    left:12px;
    right:auto;
    font-size:26px;
    cursor:pointer;
}

#extra-toggle span {
    position:absolute;    
}

#extra-toggle span.icon-search-uby01 {
    color:white;
}
#extra-toggle span.icon-search-uby02 {
    color:#ffcb3a;
}
*/