.nano {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.nano>.nano-content {
	position: absolute;
	overflow: scroll;
	overflow-x: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.nano>.nano-content:focus {
	outline: thin dotted;
}
.nano>.nano-content::-webkit-scrollbar {
display:none;
}
.has-scrollbar>.nano-content::-webkit-scrollbar {
display:block;
}
.nano>.nano-pane {
	background: rgba(0,0,0,.1);
	position: absolute;
	width: 7px;
	right: 0;
	top: 0;
	bottom: 0;
	visibility: hidden\9;
	opacity: .01;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.nano>.nano-pane>.nano-slider {
	background: #444;
	background: rgba(0,0,0,.5);
	position: relative;
	margin: 0 1px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.nano:hover>.nano-pane, .nano-pane.active, .nano-pane.flashed {
	visibility: visible\9;
	opacity: 0.99;
}

@media (min-width: 992px) {
.fixed-leftmenu .col-left-nano {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.fixed-leftmenu .col-left-nano>.col-left-nano-content {
	position: absolute;
	overflow: scroll;
	overflow-x: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.fixed-leftmenu .col-left-nano>.col-left-nano-content:focus {
	outline: thin dotted;
}
.fixed-leftmenu .col-left-nano>.col-left-nano-content::-webkit-scrollbar {
display:none;
}
.fixed-leftmenu .has-scrollbar>.col-left-nano-content::-webkit-scrollbar {
display:block;
}
.fixed-leftmenu .col-left-nano>.nano-pane {
	background: rgba(0,0,0,.1);
	position: absolute;
	width: 7px;
	right: 0;
	top: 0;
	bottom: 0;
	visibility: hidden\9;
	opacity: .01;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.fixed-leftmenu .col-left-nano>.nano-pane>.nano-slider {
	background: #444;
	background: rgba(0,0,0,.5);
	position: relative;
	margin: 0 1px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.fixed-leftmenu .col-left-:hover>.nano-pane, .nano-pane.active, .nano-pane.flashed {
	visibility: visible\9;
	opacity: 0.99;
}
#email-navigation.email-nav-nano, #email-content.email-content-nano, #email-detail.email-detail-nano, #email-new.email-new-nano {
	height: 100%;
	overflow: hidden;
}
#email-navigation.email-nav-nano>.email-nav-nano-content, #email-content.email-content-nano>.email-content-nano-content, #email-detail.email-detail-nano>.email-detail-nano-content, #email-new.email-new-nano>.email-new-nano-content {
	position: absolute;
	overflow: scroll;
	overflow-x: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.rtl #email-navigation.email-nav-nano>.email-nav-nano-content, .rtl #email-content.email-content-nano>.email-content-nano-content, .rtl #email-detail.email-detail-nano>.email-detail-nano-content, .rtl #email-new.email-new-nano>.email-new-nano-content {
	left: -14px;
	padding-left: 14px;
	right: 0!important;
	padding-right: 0!important;
}
#email-navigation.email-nav-nano>.email-nav-nano-content:focus, #email-content.email-content-nano>.email-content-nano-content:focus, #email-detail.email-detail-nano>.email-detail-nano-content:focus, #email-new.email-new-nano>.email-new-nano-content:focus {
	outline: thin dotted;
}
#email-navigation.email-nav-nano>.email-nav-nano-content::-webkit-scrollbar, #email-content.email-content-nano>.email-content-nano-content::-webkit-scrollbar, #email-detail.email-detail-nano>.email-detail-nano-content::-webkit-scrollbar, #email-new.email-new-nano>.email-new-nano-content::-webkit-scrollbar {
display:none;
}
#email-navigation.has-scrollbar>.email-nav-nano-content::-webkit-scrollbar, #email-content.has-scrollbar>.email-content-nano-content::-webkit-scrollbar, #email-detail.has-scrollbar>.email-detail-nano-content::-webkit-scrollbar, #email-new.has-scrollbar>.email-new-nano-content::-webkit-scrollbar {
display:block;
}
#email-navigation.email-nav-nano>.nano-pane, #email-content.email-content-nano>.nano-pane, #email-detail.email-detail-nano>.nano-pane, #email-new.email-new-nano>.nano-pane {
	background: rgba(0,0,0,.1);
	position: absolute;
	width: 7px;
	right: 0;
	top: 0;
	bottom: 0;
	visibility: hidden\9;
	opacity: .01;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.rtl #email-navigation.email-nav-nano>.nano-pane, .rtl #email-content.email-content-nano>.nano-pane, .rtl #email-detail.email-detail-nano>.nano-pane, .rtl #email-new.email-new-nano>.nano-pane {
	left: 0;
	right: auto;
}
#email-navigation.email-nav-nano>.nano-pane>.nano-slider, #email-content.email-content-nano>.nano-pane>.nano-slider, #email-detail.email-detail-nano>.nano-pane>.nano-slider, #email-new.email-new-nano>.nano-pane>.nano-slider {
	background: #444;
	background: rgba(0,0,0,.5);
	position: relative;
	margin: 0 1px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
#email-navigation.email-nav-nano:hover>.nano-pane, #email-navigation .nano-pane.active, #email-navigation .nano-pane.flashed, #email-content.email-content-nano:hover>.nano-pane, #email-content .nano-pane.active, #email-content .nano-pane.flashed, #email-detail.email-detail-nano:hover>.nano-pane, #email-detail .nano-pane.active, #email-detail .nano-pane.flashed, #email-new.email-new-nano:hover>.nano-pane, #email-new .nano-pane.active, #email-new .nano-pane.flashed {
	visibility: visible\9;
	opacity: 0.99;
}
}
