// Important Notice shown on top of page
.important_notice {
	display: block; position: fixed;
	top: $important-notice-top; bottom: $important-notice-bottom;
	left:0; right:0;
	line-height: $important-notice-height; height: $important-notice-height; max-height: $important-notice-height;
	padding: 0;
	z-index: $zindex-important-notice;
	text-align: center;
	background: $important-notice-bg;
	color: $important-notice-color;
	font-weight: $important-notice-font-weight;
	font-size: $important-notice-font-size;
	a { 
	    font-weight: $important-notice-link-weight; 
	    color: $important-notice-link-color;
	    text-shadow: 0 0 3px darken($important-notice-bg, 20%); 
	}
	&.warning {
		background: $important-notice-warning-bg;
		color: $important-notice-warning-color;
		a { color: $important-notice-warning-link-color; text-shadow: 0 0 3px darken($important-notice-warning-bg, 20%); }
	}
	&.danger {
		background: $important-notice-alert-bg;
		color: $important-notice-alert-color;
		a { color: $important-notice-alert-link-color; text-shadow: 0 0 3px darken($important-notice-alert-bg, 20%); }
	}
}

// Important Notice shown on top of page
.application_notice {
	position: fixed;
	top: $application-notice-top; left: $application-notice-gap; right: $application-notice-gap;
	z-index: $zindex-application-notice;
}

@mixin calculate_notice_top( $that-header-height: 50px ) {
    padding-top: $important-notice-height + $that-header-height;
    .application_notice { top: $application-notice-top + $important-notice-height + $that-header-height; }
    // &.fixed-sub-nav {
    //     padding-top: $important-notice-height + $that-header-height + $subnav-height;
    //     .application_notice { top: $application-notice-top + $important-notice-height + $that-header-height + $subnav-height; }
    // }
}


body, #body, #container, .main-content, .main_content {
    
    &.fixed-nav-xs { .application_notice { top: $application-notice-top + $navbar-height-xs; } }
    &.fixed-nav-sm { .application_notice { top: $application-notice-top + $navbar-height-sm; } }
    &.fixed-nav    { .application_notice { top: $application-notice-top + $navbar-height; } }
    &.fixed-nav-lg { .application_notice { top: $application-notice-top + $navbar-height-lg; } }
    &.fixed-nav-xl { .application_notice { top: $application-notice-top + $navbar-height-xl; } }
    
    &.with_important_notice {
        
        padding-top: $important-notice-height;
        
        .application_notice { top: $application-notice-top + $important-notice-height; }
        
        &.fixed-nav-xs { @include calculate_notice_top( $navbar-height-xs ); }
    	&.fixed-nav-sm { @include calculate_notice_top( $navbar-height-sm ); }
    	&.fixed-nav    { @include calculate_notice_top( $navbar-height ); }
    	&.fixed-nav-lg { @include calculate_notice_top( $navbar-height-lg ); }
    	&.fixed-nav-xl { @include calculate_notice_top( $navbar-height-xl ); }
    	
    	.fixed-top, .navbar-fixed-top { top: $important-notice-height; }
        
    }
	
}



@include responsiveStep-sm {
    
    body, #body, #container, .main-content, .main_content {
        &.with_important_notice {
            
            #nav-aside { top: $important-notice-height; }
            
            &.fixed-nav-xs.fixed-sub-nav { @include calculate_notice_top( $navbar-height-xs + $subnav-height );  }
        	&.fixed-nav-sm.fixed-sub-nav { @include calculate_notice_top( $navbar-height-sm + $subnav-height );  }
        	&.fixed-nav.fixed-sub-nav { @include calculate_notice_top( $navbar-height + $subnav-height );  }
        	&.fixed-nav-lg.fixed-sub-nav { @include calculate_notice_top( $navbar-height-lg + $subnav-height );  }
        	&.fixed-nav-xl.fixed-sub-nav { @include calculate_notice_top( $navbar-height-xl + $subnav-height );  }
            
            &.fixed-nav-xs .nav.navbar-nav.navbar-sub-nav { top: $important-notice-height + $navbar-height-xs; }
        	&.fixed-nav-sm .nav.navbar-nav.navbar-sub-nav { top: $important-notice-height + $navbar-height-sm; }
        	&.fixed-nav    .nav.navbar-nav.navbar-sub-nav { top: $important-notice-height + $navbar-height; }
        	&.fixed-nav-lg .nav.navbar-nav.navbar-sub-nav { top: $important-notice-height + $navbar-height-lg; }
        	&.fixed-nav-xl .nav.navbar-nav.navbar-sub-nav { top: $important-notice-height + $navbar-height-xl; }
            
        }
    }
    
}
@media (max-width: $grid-float-breakpoint) {
    
    body, #body, #container, .main-content, .main_content {
        &.with_important_notice {
            
            .navbar.navbar-slidebar {
                &.fixed-top, &.navbar-fixed-top {
    				.navbar-collapse { top: $important-notice-height + $navbar-height; }
    				&.navbar-xs { .navbar-collapse { top: $important-notice-height + $navbar-height-xs; } }
    				&.navbar-sm { .navbar-collapse { top: $important-notice-height + $navbar-height-sm; } }
    				&.navbar-lg { .navbar-collapse { top: $important-notice-height + $navbar-height-lg; } }
    				&.navbar-xl { .navbar-collapse { top: $important-notice-height + $navbar-height-xl; } }
    			}
            }
            
        }
    }
    
}