/* ===========================================
   Jrole Taihu Navigation  & Widgets Components
   Output  : Uncompressed
   Theme   : Taihu
   Version : 1.7.0
   File    : jui-component-navigation-1.5.css
   Author  : Netcomposite @ http://www.netcomposite.com/
*/


/* ===============================
   1. Basic Navigation elements
   =============================== */

.jp-nav {
 	display: inline-block;
	padding: 0 !important;
	position: relative;
	margin: 0 !important;
        vertical-align: middle;
        word-spacing: 0 !important; 	/* RESTORE WHITE SPACE FROM PARENT BLOCK*/
}


.jp-nav a,
.jp-nav-drop a {
	display: inline-block;
	width: auto;
	text-decoration: none;
 	vertical-align: middle;
 	width: auto;
 }

.jp-nav span,
.jp-nav-drop span  {
	display: inline-block;
 	text-decoration: none;
 	vertical-align: middle;
 	width: auto;
}

.jp-nav-drop {
 	display: inline-block;
 	position: relative;
}

.jp-nav-overlay  {  
	position: absolute; /* Expanding list both slide and drop */
	left: 0;
	right: 0;
	top: 100%;
        z-index: 99990; /* Must be on top of all other content */

}

.jp-nav-combo {
	display: inline-block;
	position: relative;
	vertical-align: middle;

}

.jp-nav-append {
	display: inline-block;
	padding: 0 .5em;
	vertical-align: middle;
}

.jp-nav-prepend {
	display: inline-block;
	padding: 0 .5em;
	vertical-align: middle;
}

.jp-nav-section {
 	display: block !important;
        vertical-align: middle !important;
        position: relative;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
}


.jp-nav-label {
 	display: inline-block;
        vertical-align: middle;
        position: relative;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
}

.jp-nav-label i {
	margin-right: 0.5em;	
       margin-bottom: 0.20em !important;  /* aligning sprite icons vertically */
}


.jp-nav-dock {
 	display: inline-block;
 	vertical-align: middle;
}

.jp-nav-dock ul {
	margin: 0;
	padding: 0;
}

.jp-nav-dock .jp-nav {
 	float: left;
}

.jp-nav-list {
	position: absolute;
	left: -1px;
	margin-top: 1px;
	right: -1px;
	top: 100%;
	z-index: 10;

}
.jp-nav-list li,
.jp-nav-list dd {
	clear: both;
	float: left;
 	list-style: none;
	margin:0;
	padding: 0;
 	position: relative;
	width: 99%;
}

.jp-nav-list a {
        border: none;
        height: auto;
   	line-height: normal;
   	overflow: hidden; 
	margin:0;
	position: relative;
	text-overflow: ellipsis !important;
 	text-decoration: none;
	white-space: nowrap; 
}

.jp-nav-list .jp-nav a {
        display: inline-block;
        width: auto;
        text-decoration: none;
}


.jp-nav-caret { 
        position: relative;
        padding-left:  2em; 
 }


.jp-nav-list .jp-nav-caret i {
        margin-top: .5em;
        position: absolute;
        left: 0.5em;
        top: 0;
}

.jp-nav-caret i {
 	margin-top: -8px;
 	position: absolute;
 	left: .5em;
 	top: 50%;
}


/* ===============================
   2. NAVIGATION BADGES
   =============================== */

.jp-nav-badge {
	display: inline !important;
	text-align: center !important;
	white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}

.jp-nav-badge .jp-ici {
	margin: 0;
        vertical-align: middle;
	margin-bottom: 0.25em !important;
}

.jp-nav-badge .jp-bu {
	padding: 0;
	margin: 0 !important;	
	font-size: 90% !important;
}
.jp-nav-badge a,
.jp-nav-badge button {
	display: inline !important;
	text-align: center !important;
	white-space: nowrap;
        overflow: hidden;
        color: inherit !important;
        text-overflow: ellipsis;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	height: 100% !important;
	line-height: 100% !important;
	text-decoration: none !important;

}

.jp-nav-badge-right {
	position: absolute;
	margin: 1%;
        top: 5% !important;
        right: 0;
	z-index: 999 !important;
}

.jp-nav-badge-right-center {
        position: absolute;
        top: 50%;
        right: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}

.jp-nav-badge-right-middle {
        position: absolute;
        top: 50%;
        right: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}

.jp-nav-badge-left {
	position: absolute;
	left: 5px;
	top: 15%;
}



/* ===============================
   3. NAVIGATION GROUPING AND STACKING
   =============================== */

.jp-nav-group .jp-nav-widget {
 	vertical-align:  top !important;
}

.jp-nav-group .jp-nav-widget {
 	margin: 0 !important;
 	/* border-bottom: none !important; */
}

.jp-nav-group {
 	margin: 0 !important;
}

  
.jp-nav-cascade {                  /*  Parent cascade application container */
        display: block;
	position: relative;
	width: auto;
	min-width: 90%;
	white-space: nowrap;
	vertical-align: middle;
}	

.jp-nav-cascade-vid  {             /*  Child application logo container. Size via rendtion size or responsive roles*/
  	display: inline-block;
        line-height: 100%;
 	float: left;
 	margin: 0;
 	padding: 0;
   	border: none;   
 	margin-right: 0.5em;
 	position: relative;
 	vertical-align: top;
 	background: transparent;
 	overflow: hidden;

}

.jp-nav-cascade-flow {              /*  Child cascade flow container, widgets column. Logo shift via hooks */ 
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: 0;
	margin: 0;
	
}

.jp-nav-cascade-focus {            /* Gutter for the application logo via hooks */
	position: relative;
    	text-decoration: none;
    	text-overflow: ellipsis;
	vertical-align: middle;
	z-index: 9999;


	border: 2px solid #b8b8b8;
	border-bottom:  1px solid #b8b8b8;
	background: #ebebeb;
	background: -moz-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
 	background: -webkit-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
 	background: -o-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
 	background: -ms-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
 	background: linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
 	background: -moz-linear-gradient(center top , rgb(255, 255, 255), rgb(230, 230, 230)) repeat scroll 0% 0% transparent;
 	background: -webkit-linear-gradient(center top , rgb(255, 255, 255), rgb(230, 230, 230)) repeat scroll 0% 0% transparent;
 	background: -o-linear-gradient(center top , rgb(255, 255, 255), rgb(230, 230, 230)) repeat scroll 0% 0% transparent;
 	background: -ms-linear-gradient(center top , rgb(255, 255, 255), rgb(230, 230, 230)) repeat scroll 0% 0% transparent;
 	background: linear-gradient(center top , rgb(255, 255, 255), rgb(230, 230, 230)) repeat scroll 0% 0% transparent;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    	/*box-shadow: 2px 0 2px rgba(255, 255, 255, 0.9) inset; */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

.jp-nav-cascade-focus .jp-nav {         /* Navigation elements reset */
        background: transparent; 
        border: none  !important;  
}

.jp-nav-cascade-focus .jp-nav-widget {    /* Widget element reset */
        margin: 0;
        background: transparent; 
        border: none  !important;
      
 }


/* Clips background for proper render of outer box rounded corners */  

 .jp-nav-cascade-focus .jp-nav-widget {  /* Clip background for proper render of outer box rounded corners */          
        border-radius: 3px;         
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
 }

/* Removes bottom border on multiple docks in a shielf */


.jp-nav-cascade-focus .jp-nav-widget ul.jp-nav-dock:last-child {    
        border-bottom: none  !important;
 }

.jp-nav-cascade-roster  {
        box-sizing: border-box; 
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;  
       	margin: -2px; /* Negative margines equal to the outer positive outer box border */
	margin-top: 0px !important; /* Reset top margin to retain proper layout */
	padding: 0;


	background: #fff;
	border-top: 1px solid #b8b8b8 !important;
	border: 2px solid #b8b8b8;	
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;	
	overflow: hidden;
	

	/* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); */

}

.jp-nav-cascade-roster .jp-nav-widget { 
        border-radius: 0px;         
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
}


.jp-nav-cascade-roster .jp-nav-widget .jp-nav-list ul {
        background: #f0f0f0 !important;
        border: none !important;
}

.jp-nav-cascade-roster .jp-nav-widget .jp-nav-deck-body {
        min-height: 2em !important;
}

/* .jp-nav-cascade-roster .jp-nav {
	background: #f7f7f7 !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); 
	border-bottom: 1px solid #fff;

} 
*/

/* ===============================
   4. NAVIGATION PATTERNS
   =============================== */





/* ===============================
   4.1 NAVIGATION BAR
   =============================== */
   
.jp-nav-bar {                                      /*  Clip  text lines without set width */
        white-space: nowrap; 
        text-overflow: ellipsis;
        vertical-align:middle;
}

.jp-nav-bar .jp-nav-list  {                        /*  Fix lists long options overflow */
        white-space: nowrap; 
        overflow: hidden;
        max-width: 100%;
        text-overflow: ellipsis;
}


.jp-nav-bar span.jp-nav-label {                        /*  Reset clip  text lines without set width */
        white-space: nowrap; 
        overflow: hidden;
        max-width: 85%;
        text-overflow: ellipsis;
}

.jp-nav-trail .jp-nav-bar a.jp-nav-prepend {
       padding-left: 0.25em !important; 
       padding-right: 0 !important;

}

.jp-nav-trail span.jp-nav-label {
      max-width: 12em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;    
}


.jp-nav-trail .jp-nav-tree ul {
      margin-left: 2.75em;
}



/* ===============================
   4.2 NAVIGATION PAGER
   =============================== */



.jp-nav-pager {
 	display: block;
 	clear:  both;
 	vertical-align: middle;
 	width: auto !important;
 	padding: 0.95em 0;
 	margin:0 auto;
 	text-align: center;
        white-space: nowrap;
        word-spacing: 0 !important; 	/* RESTORE WHITE SPACE FROM PARENT BLOCK*/}

}


.jp-nav-pager a {
 	display: inline-block;
	padding: 0 .5em;
	position: relative;
	margin: 0 !important;
        vertical-align: middle;
        word-spacing: 0 !important; 	/* RESTORE WHITE SPACE FROM PARENT BLOCK*/
        margin: 0.15em !important;
        border: none;
}



.jp-nav-pager var {
        display: none !important; 
}
.jp-nav-pager a,
.jp-nav-pager span {
	display: inline-block;
/*	height: 1.05em;
	line-height: 1.05em;
	margin: 0 .2em;
	padding: 0.25em;
*/
	text-decoration: none !important;
	vertical-align: middle;
	/* width: 1.05em; */
}



.jp-nav-pager .jp-bu {
 	border-left: none;
 	border-right: 1px solid #b8b8b8;
 	border-radius: 0;
 	margin:0 !important;
}

.jp-nav-pager .jp-bu:first-child {
	border-left: 1px solid #b8b8b8;
	border-radius: 3px 0 0 3px;
}

.jp-nav-pager .jp-bu:last-child {
	border-radius: 0 3px 3px 0;
}

.jp-nav-pager .jp-bu:first-child:last-child {
	border-radius: 3px;
}
.jp-nav-pager .jp-bu:first-child.jp-bu-size-large {
	border-radius: 5px 0 0 5px;
}

.jp-nav-pager .jp-bu:last-child.jp-bu-size-large {
	border-radius: 0 5px 5px 0;
}


.jp-nav-pager-screens a, .jp-nav-pager-screens span {
	display: inline-block;
	width: 1.5em; !important;
	height: 1.5em !important;
	margin: .7em .2em !important;
	vertical-align: middle;
	background: #999;
	border: 0px solid #333;
}

.jp-nav-pager-screens a var,
.jp-nav-pager-screen span var {
       display: none !important; 
}
    

/* ===============================
   4.3 Navigation Menu
   =============================== */

.jp-nav-menu {
	position:relative;
	text-decoration:none;
	vertical-align:middle;
	width: auto; 	
	z-index: 100;
	white-space: nowrap;
	text-overflow: ellipsis;
	/* border: 1px solid #b8b8b8 !important;   */ 
}

.jp-nav-menu-stretch {
 	width: 100%;
}



/* ===============================
   4.4 Navigation Tree
   =============================== */





/* ===============================
   4.5 Navigation widgets
   =============================== */

.jp-nav-widget {
	position:relative;
	text-decoration:none;
	vertical-align:middle;
	margin: 0 auto;                 /* centers widget unless specified otherwise */
	width: auto; 			/*  DO NOT USE 100% WIDTH! */	
	z-index: 0;                     /*  PRIORITY MANAGED VIA HOOKS DATA-WIDGET-PRIORITY */
	
}

.jp-nav-widget ul {
 	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
}


.jp-nav-deck-header {
 	float:left;
 	clear: both;
 	margin: 0; 				/* 0 0 .5em; remove margin because margins applied to the list */
 	overflow: hidden;
 	position: relative;
 	width: 100%;
 	z-index: 10;
}


.jp-nav-deck-header .jp-nav-list {
 	position: relative;
}


.jp-nav-deck-footer {
 	clear: both;
 	position: relative;
 	width: 100%;
}

.jp-nav-widget .jp-nav-list {
        clear: both;
        float:left;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        width: 100%;
}

.jp-nav-widget .jp-nav-list ul {
	display: inline-block;
	list-style: none;
	position: relative;	
	margin: 0;
	padding: 0;
	width: 100%;
}



.jp-nav-widget .jp-nav-dock .jp-nav:only-child {
 	width: 100%;
}


.jp-nav-widget .jp-nav-list li,
.jp-nav-widget .jp-nav-list dd {
	clear: both;
	float: left;
	list-style: none;
	margin:0;
	padding: 0;
}


.jp-nav-widget .jp-nav-list a i {
 	margin-top: -8px;
 	position: absolute;
 	left: .5em;
 	top: 50%;
}

.jp-nav-dock ul ~ .jp-nav-list {
 	position: relative;
 	overflow: hidden;
 	padding: 0;
 	border: none;
 	/*border-bottom: 1px solid #b8b8b8;*/
}

.jp-nav-dock ul ~ .jp-nav-list ul {
	/*border-bottom: 1px dotted #b8b8b8 !important; */
	border-bottom: 1px dotted #b8b8b8;
	display: block;
	/* margin-bottom: 1em !important; */
}

.jp-nav-dock ul ~ .jp-nav-list ul:last-child {
	border-bottom: none !important;
}

.jp-nav-dock ul ~ .jp-nav-list li,
.jp-nav-dock .jp-nav .jp-nav-list li {
	width: auto;
	border-right: none;

}

.jp-nav-dock dl ~ .jp-nav-list dd,
.jp-nav-dock .jp-nav .jp-nav-list dd {
	width: auto;
	border-right: none;

}

.jp-nav-widget .jp-nav-dock .jp-nav-list ul,
.jp-nav-widget .jp-nav-deck .jp-nav-list ul, {
	margin: 0 !important;
}


.jp-nav-widget .jp-nav-dock .jp-nav-list li,
.jp-nav-widget .jp-nav-deck .jp-nav-list li {
        display: block;
        float: none;
        clear: both;
        width: auto;
        margin: 0;
        padding: 0 .5em;
}

.jp-nav-widget .jp-nav-dock .jp-nav-list li a,
.jp-nav-widget .jp-nav-deck .jp-nav-list li a {
        display: block;
        width: auto;
        float: none;
}

.jp-nav-widget .jp-nav-dock .jp-nav-list li span {
        display: block;
	height: auto;
	line-height: normal;
	padding: 0.75em 0.5em 0.75em 0.5em;
}


.jp-nav-widget .jp-nav-dock .jp-nav-list dl,
.jp-nav-widget .jp-nav-deck .jp-nav-list dl, {
	margin: 0 !important;
}


.jp-nav-widget .jp-nav-dock .jp-nav-list dd,
.jp-nav-widget .jp-nav-deck .jp-nav-list dd {
        display: block;
        float: none;
        clear: both;
        width: auto;
        margin: 0;
        padding: 0 .5em;
}

.jp-nav-widget .jp-nav-dock .jp-nav-list dd a,
.jp-nav-widget .jp-nav-deck .jp-nav-list dd a {
        display: block;
        width: auto;
        float: none;
}
.jp-nav-widget .jp-nav-dock .jp-nav-list dt,
.jp-nav-widget .jp-nav-deck .jp-nav-list dt {
	display: block;
	height: auto;
	line-height: normal;
	padding: 0.55em 0.5em 0.55em 0.5em;
}

.jp-nav-deck-body {
        position: relative;
	float: left;
	width: 100%;
	min-height: 12em !important; /* added to retain minimum height for the empty widgets */
	overflow: hidden;
}




.jp-nav-widget-kpi {
 	overflow: hidden;
 	width: 100%;
        padding:0;
        margin: 0;
	text-align: center;

}

.jp-nav-widget-kpi  {
        background-color: none;
}


.jp-nav-widget-kpi ul {
	clear: both;
        padding: 0px;

}
.jp-nav-widget-kpi li {
	display: inline-block;

}
.jp-nav-widget-kpi li dl {
 	margin: .5em;
}
.jp-nav-widget-kpi dt,
.jp-nav-widget-kpi dd {
 	margin: .25em 0;
 	padding: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
}


.jp-nav-deck-header + .jp-nav-widget-kpi {
	overflow: hidden;
	margin-top: -.5em;
}


.jp-nav-widget-kpi-cell-width-1\/1 {
 	float: left;
 	overflow: hidden;
 	position: relative;
 	width: 100%;
}

.jp-nav-widget-kpi-cell-width-1\/2 {
 	float: left;
 	overflow: hidden;
 	position: relative;
 	width: 50%;
}


.jp-nav-widget-kpi-cell-width-1\/4 {
 	float: left;
 	overflow: hidden;
 	position: relative;
 	width: 25%;
}


.jp-nav-push-horizontal .jp-nav-widget-kpi-row {
	width: 100% !important; /* to prevent right small gutter */
 	padding: 0 !important;

}
.jp-nav-push-horizontal  .jp-nav-widget-kpi-cell-width-1\/1:first-child, 
.jp-nav-push-horizontal  .jp-nav-widget-kpi-cell-width-1\/2:first-child, 
.jp-nav-push-horizontal  .jp-nav-widget-kpi-cell-width-1\/4:first-child {
	border-left: none !important;
	margin-left: 0;
	border-bottom: none;
}

.jp-nav-push-horizontal  .jp-nav-widget-kpi-cell-width-1\/1:last-child, 
.jp-nav-push-horizontal  .jp-nav-widget-kpi-cell-width-1\/2:last-child, 
.jp-nav-push-horizontal  .jp-nav-widget-kpi-cell-width-1\/4:last-child {
	border-right: none !important;
	margin-right: 0;
	border-bottom: none;
}


.jp-nav-widget-kpi.jp-nav-push-horizontal .jp-nav-deck-header {
    text-align: center;
}


.jp-nav-push-vertical .jp-nav-widget-kpi-row {
	width: 100% !important;

}


.jp-nav-push-vertical .jp-nav-widget-kpi-cell-width-1\/4 {
	float: none;
	display: block;
 	border-left: 0;
 	border-bottom: 1px solid #b8b8b8;
 	margin: 0 !important;

}

.jp-nav-push-vertical .jp-nav-widget-kpi-row li {
	width: 100%;
	border-bottom: 1px solid #b8b8b8;
	margin-left: 0;
	
}

.jp-nav-push-vertical .jp-nav-widget-kpi-row li:last-child {
	border-bottom: none;
}


.jp-nav-widget-kpi.jp-nav-push-vertical .jp-nav-deck-header .jp-nav-bar .jp-nav-prepend {
    text-align: center;
}



.jp-nav-widget-kpi .jp-nav-widget-content-subject  {
        font-size: 85%;
        padding: 1.5%;
        font-weight: normal;
 	text-transform: uppercase;
	text-decoration: none;
	display:  block;
}

.jp-nav-widget-kpi .jp-nav-widget-content-subject a {
	text-decoration: none;
	display:  block;
}

.jp-nav-widget-kpi .jp-nav-widget-content-value {
	display:  block;
        font-size: 180%;
        padding: 2%;
        font-weight: normal;
 	text-transform: uppercase;
	text-decoration: none;
}
.jp-nav-widget-kpi .jp-nav-widget-content-overlay {
	font-size: 80%;
        padding: 1.5%;
        font-weight: normal;
        font-style: normal;
}



/* ===============================
   5. NAVIGATION WIDGETS
   =============================== */

/*  Default size is 100% of the base */

.jp-nav-scale-default {
	font-size: 100% !important;
}
.jp-nav-scale-default .jp-nav a,
.jp-nav-scale-default .jp-nav button,
.jp-nav-scale-default .jp-nav-list a,
.jp-nav-scale-default .jp-nav-pager a,
.jp-nav-scale-default .jp-nav-deck-header a {
 	height: 2.5em;
 	line-height: 2.45em;
 	padding:  0 .35em;
 }
.jp-nav-scale-default a.jp-nav,
.jp-nav-scale-default button.jp-nav {
 	height: 2.5em;
 	line-height: 2.5em;
 	padding:  0 .5em;
}


.jp-nav-scale-default .jp-nav-prepend,
.jp-nav-scale-default .jp-nav-append {
	padding: 0em 0.75em !important;            /* left gutter for most nav options */
}


.jp-nav-scale-default .jp-nav-deck-header .jp-nav-prepend,
.jp-nav-scale-default .jp-nav-deck-header .jp-nav-append {
	padding: 0em 0.5em !important; /* left gutter for widget filter options */
}

.jp-nav-scale-default .jp-nav span,
.jp-nav-scale-default .jp-nav-deck-header span,
.jp-nav-scale-default .jp-nav-pager span {
 	height: 2.5em;
 	line-height: 2.5em;
 	padding:  0 .5em;
}

.jp-nav-scale-default .jp-nav-badge {
        font-size: 80%;
        min-width: 1em;
        max-width: 10em;
}

/*  Mini size is 75% of the base */


.jp-nav-scale-mini {
	font-size: 75% !important;
}


/*  Small size is 80% of the base */

.jp-nav-scale-small {
	font-size: 85% !important;
}
.jp-nav-scale-small .jp-nav a,
.jp-nav-scale-small .jp-nav button,
.jp-nav-scale-small .jp-nav-list a,
.jp-nav-scale-small .jp-nav-pager a,
.jp-nav-scale-small .jp-nav-deck-header a {
 	height: 2.2em;
 	line-height: 2.2em;
 	padding:  0 .25em;
 }
.jp-nav-scale-small a.jp-nav,
.jp-nav-scale-small button.jp-nav {
 	height: 2.0em;
 	line-height: 2.0em;
 	padding:  0 .25em;
}

.jp-nav-scale-small .jp-nav-prepend,
.jp-nav-scale-small .jp-nav-append {
	padding: 0em 0.15em !important;
}

.jp-nav-scale-small .jp-nav span,
.jp-nav-scale-small .jp-nav-deck-header span,
.jp-nav-scale-small .jp-nav-pager span {
 	height: 2.0em;
 	line-height: 2.0em;
 	padding:  0 2.5em;
}

.jp-nav-scale-small .jp-nav-badge {
        font-size: 80%;
        min-width: 1em;
        max-width: 10em;
}


/*  Large size is 120% of the base */

.jp-nav-scale-large {
	font-size: 120% !important;
}
.jp-nav-scale-large a.jp-nav-section {
 	height: 2.65em;
 	line-height: 2.65em;
 	padding:  0 .35em;
 }
 


/*  Default size is 150% of the base */

.jp-nav-scale-xlarge {
	font-size: 150% !important;
}



/* ===============================
   6. Navigation blocks direction - Left/ Right
   =============================== */

.jp-nav-dock-pull-left {
 	float: left;
 	text-align: left;
 	
}
.jp-nav-dock-pull-left:after{
         content: ".";  
         display: block;  
         height: 0; 
         clear: both; 
         visibility: hidden; 
}
.jp-nav-dock-pull-left {
         display: inline-block;
}
 * html .jp-nav-dock-pull-left {
         height: 1%;
}

/* REMOVE RED BORDER */
/* .jp-nav-dock-pull-left li.jp-nav {border: 0px solid #ff0000; width: auto;} */

.jp-nav-dock-pull-left li.jp-nav:after {
         content: ".";  
         display: block;  
         height: 0; 
         clear: both; 
         visibility: hidden; 
}
.jp-nav-dock-pull-left li.jp-nav{
         display: inline-block;
}
* html .jp-nav-dock-pull-left li.jp-nav {
         height: 1%;
}

.jp-nav-dock-pull-left .jp-nav-list {
 	min-width: inherit;
 	border-right: none;
 	border-left: none;
 	/*border-top: 1px solid #b8b8b8 !important;*/
 	border: none;
}

.jp-nav-widget .jp-nav-dock.jp-nav-dock-pull-left {
   	 line-height: auto;
   	 width: 100%;
}

/* ===============================
   7. NAVIGATION / ELEMENTS DIRECTION  -  RIGHT
   =============================== */


.jp-nav-dock-pull-right {
 	float:right;
 	text-align:right;
}



/* ===============================
   8. NAVIGATION ORIENTATION  - HORIZONTAL
   =============================== */

.jp-nav-push-horizontal {
	display: inline-block;
	position: relative;
	width: 100% !important; /* Must be important to overwrite widget default auto width */
}

.jp-nav-push-horizontal .jp-nav-list {
	margin: 0;
	min-width: 99.99%;
	position: absolute;
	left: 0;
	right: auto;
	top: 100%;
}


/* Patch for horizontal KPI widgets */

.jp-nav-push-horizontal .jp-nav-deck-header  .jp-nav-list {
	margin: 0;
	min-width: 99.99%;
	position: relative;
	left: 0;
	right: auto;
	top: 100%;
	text-align: left !important;
}


/* Patch for horizontal KPI widgets */

.jp-nav-push-horizontal .jp-nav .jp-nav-label i {
	margin: 0 0 0 .5em;

}
.jp-nav-push-horizontal .jp-nav .jp-nav-label b {
	margin: 0 0 0 .5em;
}

.jp-nav-push-horizontal .jp-nav-dock.jp-nav-dock-pull-left .jp-nav.jp-nav-widget:only-child {
 	width: 100%;
}

.jp-nav-push-horizontal .jp-nav-dock-pull-right .jp-nav + .jp-nav:last-child .jp-nav-append{
 	margin-left: -1px;
}

.jp-nav-push-horizontal .jp-nav-deck-header {
 	text-align:center;
}

.jp-nav-push-horizontal .jp-nav-deck-header .jp-nav-label.jp-nav-append  {
 	display: inline-block;
 	padding-left: 0;
 	text-overflow: ellipsis;
 	vertical-align: middle;
 	white-space: normal;
}

.jp-nav-push-horizontal .jp-nav-deck-header .jp-nav-combo {
	display: inline-block;
	text-align: center;
	white-space: nowrap;
}

.jp-nav-widget.jp-nav-push-horizontal .jp-nav-dock ul {
    	border: none;
    	margin: 0;
    	padding: 0;
    	overflow: hidden;
}


.jp-nav-push-horizontal .jp-nav-bar {                  /*  Reset clip  text lines without set width */
        white-space: nowrap; 
        text-overflow: ellipsis;
        max-width: 100% !important; 
}



/* ===============================
   9. NAVIGATION ORIENTATION   - VERTICAL
   =============================== */

.jp-nav-push-vertical .jp-nav-list ul {
         clear:both; 
         padding:0; 
         margin:auto;
}
.jp-nav-push-vertical .jp-nav-list ul:after {
         content: ".";  
         display: block;  
         height: 0; 
         clear: both; 
         visibility: hidden; 
}
.jp-nav-push-vertical .jp-nav-list ul {
         display: inline-block;
}
 * html .jp-nav-push-vertical .jp-nav-list ul {
         height: 1%;
}
.jp-nav-push-vertical .jp-nav-list ul {
         display: block;
}


.jp-nav-push-vertical {
	margin: 0 0 2% 0;  /* Margin added for vertical widget spacing */
	overflow: hidden;
}

/* Fix for child widgets with different orientation */

.jp-nav-push-vertical .jp-nav-dock > .jp-nav-widget{
 	display: block;
 	position: relative !important;
 	width: 100%;
       	float: none  !important;
        clear: both  !important;
        text-align: left !important;
}

.jp-nav-push-vertical .jp-nav {
 	display: block;
 	height: auto;
 	position: relative;
 	vertical-align: middle;
}

.jp-nav-push-vertical .jp-nav a,
.jp-nav-push-vertical .jp-nav-drop a,
.jp-nav-push-vertical .jp-nav span,
.jp-nav-push-vertical .jp-nav-drop span {
	display: inline-block;
	text-decoration: none;
 	vertical-align: middle;
}

.jp-nav-push-vertical .jp-nav .jp-nav-label  {
	text-overflow: ellipsis;
}

.jp-nav-push-vertical .jp-nav .jp-nav-label i {
	margin: 0 0 0 .5em;
}
.jp-nav-push-vertical .jp-nav .jp-nav-label b {
	margin: 0 0 0 .5em;
}
.jp-nav-push-vertical .jp-nav-dock .jp-nav {
 	float: none;
 	clear: both; 
}
.jp-nav-push-vertical .jp-nav-toggle {
	position: relative;
	width: 100%;
}
.jp-nav-push-vertical .jp-nav-combo {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	white-space: nowrap;
}
.jp-nav-push-vertical .jp-nav-toggle .jp-nav-append,
.jp-nav-push-vertical .jp-nav-combo .jp-nav-append {
	display: inline-block;
	padding: 0 .5em;
	position: absolute; 
	top: 0;
	right: 0;
	vertical-align: middle;
	z-index: 10;
}
.jp-nav-push-vertical .jp-nav-toggle .jp-nav-prepend,
.jp-nav-push-vertical .jp-nav-combo .jp-nav-prepend {
	display: block;  /* Changed to block to enable width across whole menu */
	vertical-align: middle;
}


.jp-nav-push-vertical .jp-nav-list {
        border: none;
        clear: both;
        float: none;
        height: auto;
        position: relative;
        z-index: 1;
        width: auto;
}
.jp-nav-push-vertical .jp-nav-list ul {
 	width: 100% !important;
 	left: 0;
}


.jp-nav-push-vertical .jp-nav-combo {
    	position: relative;
    	width: auto;  /* width reset to auto from 100 per cent */
    	white-space: nowrap;
}

/* this is probably conflicting with below and need to be removed */
/* .jp-nav-push-vertical .jp-nav-caret {
 	position:absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
}

.jp-nav-push-vertical .jp-nav-drop .jp-nav-caret {
    	position:relative;
    	top: auto;
    	left: auto;
    	right: auto;
    	bottom: auto;
}
*/


.jp-nav-push-vertical .jp-nav-drop { 
	width: 100%;
}

.jp-nav-push-vertical .jp-nav-deck-header .jp-nav-bar { /* Align header nav link to the widget title */
 	padding-left: 0.6em !important;
}

.jp-nav-push-vertical .jp-nav-deck-header .jp-nav-label.jp-nav-append {
 	display: inline-block;
 	padding-left: 0;
 	vertical-align: middle;
 	text-overflow: ellipsis;
 	white-space: normal;
}
.jp-nav-push-vertical .jp-nav-deck-header .jp-nav-append,
.jp-nav-push-vertical .jp-nav-deck-header .jp-nav-prepend {
	position: relative;
}


.jp-nav-dock .jp-nav-push-vertical {
 	margin: 0;
}

.jp-nav-dock .jp-nav-push-vertical .jp-nav span.jp-nav-combo {
 	display: block;
 	width: auto;
}
.jp-nav-dock .jp-nav-push-vertical .jp-nav span.jp-nav-combo .jp-nav-prepend{
	display: block;
	padding: 0 2.2em 0 0;
}

.jp-nav-dock .jp-nav-push-vertical .jp-nav span.jp-nav-combo .jp-nav-append{
	display: block;
	padding: 0 0.5em !important;
}

.jp-nav-dock .jp-nav-push-vertical .jp-nav {
    display: block;
    overflow: hidden;
    vertical-align: middle;
    height: auto;
    min-height: 2.4em;
    position: relative;
    float: none;
}


.jp-nav-push-vertical .jp-nav-bar span.jp-nav-label{
 	position: relative !important;
 	display: inline-block;
       	float: none !important;
        clear: both !important;
}


.jp-nav-push-vertical .jp-nav-bar .jp-nav-append,
.jp-nav-push-vertical .jp-nav-bar .jp-nav-prepend {
       	display: block;
	text-align: left;
	height: auto;
	text-decoration: none;
 	vertical-align: middle;
 	border: none;
}

.jp-nav-push-vertical .jp-nav-widget.jp-nav-drop {
	clear: both;
	float: left;
}

/* ===============================
  10. NAVIGATION WIDGET   - COSMETICS
 =============================== */


.jp-nav-deck-footer .jp-wfl-ip {margin: 0 !important; } /* reset margin for widget foooter loaders */
.jp-nav-deck-header .jp-nav-bar.jp-wfl-bar {margin: 0 !important; padding: 0 !important;} /* reset margin for widget header inputs */
.jp-nav-deck-header .jp-wfl-bar .jp-bu-append {width: 34px;} /* render search button width to match widget expand option width */
