/** 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;
      }
  }