.leftSidebar {
    min-width: 250px;
    max-width: 250px;
    background: orange;
    color: #fff;
    transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
    transform-origin: bottom left;
    position:fixed;
    top:40px;
	left:35px;
    z-index:2000;
    height:100%;overflow:auto;
    border-right:6px solid #fff59c;
	padding-left:35px;
}
.leftSidebarCollapse {
	position:fixed;
	z-index:110;
	top:66px;
	left:2px;
    width: 30px;
    height: 30px;
    background: #fff59c;
    color:orange;
    border:2px solid orange;
	border-radius:5px;
    cursor: pointer;
	font-size:18px;
}

.leftSidebar.active {
    margin-left: -250px;
    transform: rotateY(100deg);
}


.leftSidebar ul.components {
    padding: 20px 0;
}

.leftSidebar ul p {
    color: #fff;
    padding: 10px;
}
 .leftSidebar hr{padding:0px;margin:0px;}
.leftSidebar ul li a {
    padding: 5px 5px;
    font-size: 13px;
    display: block;
    color:#fff;
}
.leftSidebar ul li a:hover {
    color: #d5a51a;
    background: #fff59c;
}

.leftSidebar ul li.active > a, a[aria-expanded="true"] {
    color: #d5a51a;
    background: #fff59c;
}
.leftSidebar select{width:100%;color:#333 !important;}
.leftSidebar select option{color:#333;}
.leftSidebar .btn{width:100%; display:block;}

.leftSidebar ul li.lang-item a{display:inline;}
.lang-item{display:inline !important;margin:4px;}
.lang-item img{width:25px !important;height:auto !important;}


/*poll*/
 #sidebar-wrapper {
 	text-align:left;
    margin-right: -320px;
    right: 0;
    top:50px;
    width: 320px;
    overflow:auto;
    background: rgba(255,255,255,0.9);
    position: fixed;
    height: 100%;
    overflow-y: auto;
    z-index: 1000;
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    padding:5px;
    border:1px solid #ccc;
    font-size:12px;
  }

  .sidebar-nav {
    position: absolute;
    top: 0;
    width: 320px;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .sidebar-nav li {
  }

  .sidebar-nav li a {
    color: #999999;
    display: block;
    text-decoration: none;
  }

  .sidebar-nav li a:hover {
    color: #fff;
    background: rgba(255,255,255,0.2);
    text-decoration: none;
  }

  .sidebar-nav li a:active, .sidebar-nav li a:focus {
    text-decoration: none;
  }

  .sidebar-nav > .sidebar-brand {
    height: 55px;
    line-height: 55px;
    font-size: 18px;
  }

  .sidebar-nav > .sidebar-brand a {
    color: #999999;
  }

  .sidebar-nav > .sidebar-brand a:hover {
    color: #333;
    background: none;
  }
  
  .dropdown-toggle.avatar{padding:5px !important;}
  .dropdown-toggle.avatar img.img-circle{width:30px;height:30px !important;}

  #menu-toggle {
    top: 320px;
    right: 0;
    position: fixed;
    z-index: 1; 
    padding:5px;
    width:30px;
  }
  #menu-close{top:0px;right:0px;position:absolute;}
  .navbar-toggle {
    padding: 9px 9px !important;
    margin-top: 8px;
    margin-right:0px !important;
   }
  

  #sidebar-wrapper.active {
    right: 320px;
    width: 320px;
    z-index:1001;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
  }

 
  .btn.coop-btn{padding: 1px 4px !important;}
  .coopAvatarImg{position:absolute;bottom:2px;right:3px;}
  
 /*left userLevel*/
.userLeveBar{position:fixed; background:#fff59c;left:2px; top:110px; width:30px; height:120px;border:3px solid orange; border-radius:5px;text-align:center;}
.userLeveBarLabel{position:fixed; left:2px; top:235px; width:30px;  border-radius:5px;text-align:center;}
.userLeveBarLabel small{ line-height:10px;font-weight:bold;font-size:8px; } 
.currLevel{background:orange;text-align:center;width:100%;padding:2px 0;color:#fff;position:absolute; bottom:0px;font-size:11px;font-weight:bold;} 
.currLevelFill{background:orange;text-align:center;width:100%;position:absolute; bottom:0px;}