/** initial setup **/
.nano {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.nano > .nano-content {
    bottom: 0;
    left: 0;
    overflow: scroll;
    overflow-x: hidden;
    position: absolute;
    right: 0;
    top: 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 {
    -moz-border-radius: 7px;
    -moz-transition: .2s;
    -o-transition: .2s;
    -webkit-border-radius: 7px;
    -webkit-transition: .2s;
    background: rgba(0, 0, 0, .1);
    border-radius: 7px;
    bottom: 0;
    opacity: .01;
    position: absolute;
    right: 0;
    top: 0;
    transition: .2s;
    visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
    width: 7px;
}

.nano > .nano-pane > .nano-slider {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    background: #444;
    background: rgba(0, 0, 0, .5);
    border-radius: 7px;
    margin: 0 1px;
    position: relative;
}

.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
    opacity: 0.99;
    visibility: visible\9; /* Target only IE7 and IE8 with this hack */
}


/** initial setup for left menu **/

@media (min-width: 992px) {
    .fixed-leftmenu .col-left-nano {
        height: 100%;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .fixed-leftmenu .col-left-nano > .col-left-nano-content {
        bottom: 0;
        left: 0;
        overflow: scroll;
        overflow-x: hidden;
        position: absolute;
        right: 0;
        top: 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 {
        -moz-border-radius: 7px;
        -moz-transition: .2s;
        -o-transition: .2s;
        -webkit-border-radius: 7px;
        -webkit-transition: .2s;
        background: rgba(0, 0, 0, .1);
        border-radius: 7px;
        bottom: 0;
        opacity: .01;
        position: absolute;
        right: 0;
        top: 0;
        transition: .2s;
        visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
        width: 7px;
    }

    .fixed-leftmenu .col-left-nano > .nano-pane > .nano-slider {
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        background: #444;
        background: rgba(0, 0, 0, .5);
        border-radius: 7px;
        margin: 0 1px;
        position: relative;
    }

    .fixed-leftmenu .col-left-:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
        opacity: 0.99;
        visibility: visible\9; /* Target only IE7 and IE8 with this hack */
    }
	
	
	
	
	
	
	
	
    #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 {
        bottom: 0;
        left: 0;
        overflow: scroll;
        overflow-x: hidden;
        position: absolute;
        right: 0;
        top: 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;
        padding-right: 0 !important;
        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 {
        -moz-border-radius: 7px;
        -moz-transition: .2s;
        -o-transition: .2s;
        -webkit-border-radius: 7px;
        -webkit-transition: .2s;
        background: rgba(0, 0, 0, .1);
        border-radius: 7px;
        bottom: 0;
        opacity: .01;
        position: absolute;
        right: 0;
        top: 0;
        transition: .2s;
        visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
        width: 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 {
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        background: #444;
        background: rgba(0, 0, 0, .5);
        border-radius: 7px;
        margin: 0 1px;
        position: relative;
    }

    #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 {
        opacity: 0.99;
        visibility: visible\9; /* Target only IE7 and IE8 with this hack */
    }
}