/** initial setup **/

.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; /* Target only IE7 and IE8 with this hack */

  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; /* Target only IE7 and IE8 with this hack */

  opacity    : 0.99;

}





/** initial setup for left menu **/

@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; /* Target only IE7 and IE8 with this hack */

	  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; /* Target only IE7 and IE8 with this hack */

	  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; /* Target only IE7 and IE8 with this hack */

	  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; /* Target only IE7 and IE8 with this hack */

	  opacity    : 0.99;

	}

}