#view .nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 100;
}
#view .nano .content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#view .nano .content:focus {
  outline: none;
}
#view .nano .content::-webkit-scrollbar {
  visibility: hidden;
}
#view .has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}
#view .nano > .pane {
	/* background-color: #d4edfa; */
	background-color: #d7e0e4;
	/* background-color: rgba(215, 224, 228, 0.8); */
	position: absolute;
	width: 5px;
	right: 0;
	top: 0;
	bottom: 0;
	visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
	opacity: .01; 
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	z-index: 101;
}
#view .nano:hover > .pane {
  width: 16px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#view .nano > .pane > .slider {
	background-color: rgba(0, 130, 180, .5);
	background-color: #596b7b;
	position: relative;
	margin: 0 1px;
}
#view .nano:hover > .pane, #view .pane.active, #view .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity: 0.99;
}
#view .nano > .pane:hover, #view .nano > .pane.active{
  width: 16px;
}

#uploadsQueue .nano {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;	
	z-index: 100;
}
#uploadsQueue .nano .content {
	position: absolute;
	overflow: scroll;
	overflow-x: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#uploadsQueue .nano .content:focus{
	outline: none;
}
#uploadsQueue .nano .content::-webkit-scrollbar {
	visibility: hidden;
}
#uploadsQueue .has-scrollbar .content::-webkit-scrollbar {
	visibility: visible;
}
#uploadsQueue .nano > .pane {
	background-color: #315b6b;
	background-color: #d7e0e4;
	background-color: #cfd8dc;
	position: absolute;
	width: 5px;
	right: 0;
	top: 0;
	bottom: 0;
	visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
	opacity: .01; 
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	z-index: 101;
}
#uploadsQueue .nano:hover > .pane {
  width: 16px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#uploadsQueue .nano > .pane > .slider {
	background-color: #6e9bb0;
	background-color: #596b7b;
	position: relative;
	margin: 0 1px;
}
#uploadsQueue .nano:hover > .pane, #uploadsQueue .pane.active, .pane.flashed {
	visibility: visible\9; /* Target only IE7 and IE8 with this hack */
	opacity: 0.99;
}
#uploadsQueue .nano > .pane:hover, #uploadsQueue .nano > .pane.active{
  width: 16px;
}

.select.nano{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;	
	z-index: 100;
}
.select.nano .content {
	position: absolute;
	overflow: scroll;
	overflow-x: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.select.nano .content:focus{
	outline: none;
}
.select.nano .content::-webkit-scrollbar {
	visibility: hidden;
}
.select.nano .has-scrollbar .content::-webkit-scrollbar {
	visibility: visible;
}
.select.nano > .pane {
	background-color: #e6f4fb;
	position: absolute;
	width: 5px;
	right: 0;
	top: 0;
	bottom: 0;
	visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
	opacity: .01; 
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	z-index: 101;
}
.select.nano:hover > .pane {
  width: 16px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.select.nano > .pane > .slider {
	background-color: #86bdd6;
	position: relative;
	margin: 0px;
}
.select.nano:hover > .pane, .select.nano .pane.active, .pane.flashed {
	visibility: visible\9; /* Target only IE7 and IE8 with this hack */
	opacity: 0.99;
}
.select.nano > .pane:hover, .select.nano > .pane.active{
  width: 16px;
}


#sharesList.nano{
	position: relative;
	overflow: hidden;	
	z-index: 100;
}
#sharesList.nano .content{
	position: absolute;
	overflow: scroll;
	overflow-x: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#sharesList.nano .content:focus{
	outline: none;
}
#sharesList.nano .content::-webkit-scrollbar {
	visibility: hidden;
}
#sharesList.nano .has-scrollbar .content::-webkit-scrollbar {
	visibility: visible;
}
#sharesList.nano > .pane {
	background-color: #e6f4fb;
	position: absolute;
	width: 5px;
	right: 0;
	top: 0;
	bottom: 0;
	visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
	opacity: .01; 
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	z-index: 101;
}
#sharesList.nano:hover > .pane {
  width: 16px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#sharesList.nano > .pane > .slider {
	background-color: #86bdd6;
	position: relative;
	margin: 0px;
}
#sharesList.nano:hover > .pane, #sharesList.nano .pane.active, #sharesList.nano .pane.flashed {
	visibility: visible\9; /* Target only IE7 and IE8 with this hack */
	opacity: 0.99;
}
#sharesList.nano > .pane:hover, #sharesList.nano > .pane.active{
  width: 16px;
}



#notifications .nano {
	position: relative;
	width: 100%;
	height: 380px;
	overflow: hidden;	
	z-index: 100;
}
#notifications .nano .content {
	position: absolute;
	overflow: scroll;
	overflow-x: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding-right: 24px;
}
#notifications .nano .content:focus{
	outline: none;
}
#notifications .nano .content::-webkit-scrollbar {
	visibility: hidden;
}
#notifications .has-scrollbar .content::-webkit-scrollbar {
	visibility: visible;
}
#notifications .nano > .pane {
	background-color: #ecf1f4;
	position: absolute;
	width: 16px;
	right: 0;
	top: 0;
	bottom: 0;
	visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
	opacity: .01; 
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	z-index: 101;
}
#notifications .nano:hover > .pane {
  width: 16px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#notifications .nano > .pane > .slider {
	background-color: #6e9bb0;
	position: relative;
	margin: 0 1px;
}
#notifications .nano:hover > .pane, #notifications .pane.active, .pane.flashed {
	visibility: visible\9; /* Target only IE7 and IE8 with this hack */
	opacity: 0.99;
}
#notifications .nano > .pane:hover, #notifications .nano > .pane.active{
  width: 16px;
}