
/* ===========================================
   Jrole User Interface CSS Framework
   Output  : Uncompressed
   Theme   : Taihu
   File    : jui-component-charts-1.0.css
   Version : 1.1.1
   Author  : Netcomposite http://www.netcomposite.com/
   =========================================== */


/* ===============================
   Basic navigation table panel
   =============================== */



/*
  Because of the need for padding on TH and TD, the vertical rhythm
  on table cells has to be 27px, instead of the standard 18px or 36px
  of other elements.
 */
 
/*


/* SPARKLINE */
/* LINE CHART */
/* BAR CHART */
/* BAR CHART STACKED */
/* PIE CHART */
/* SPARKLINE */




/* INDICATOR PANEL BARS AND ELEMENTS */

.jp-chart-type-bar {
	position: relative;
}

.jp-chart-type-bar .jp-wfl-ip-bar{
	margin: 0 !important;
}
.jp-chart-element-data-label {
	float: none
}
.jp-chart-element-data-value {
	float: right;

}

/* INDICATOR PANEL */

.jp-wfl-ip {

}

.jp-wfl-ip-bar {
 	position: relative;
 	margin: 0 0 10px;
 	background: #f0f0f0;
 	height: 1.3889em; 
}

.jp-wfl-ip-track {
 	position: relative;
 	height: 100%;
 	background: #c0c0c0;
 	line-height: 1;
}

 .jp-wfl-ip-get-message {
	 padding-top: 0.25em;
	 padding-bottom: 0.25em;
	 line-height: 150%;
	 font-weight: 600;
	 white-space: normal !important;
}

/* STACK */

.jp-wfl-ip-bar-stack {
 	display: table;
 	width: 100%;
}

/*
.jp-wfl-ip-bar-stack:before {
	display: table-row;
	width: 100%;
	collapse: collapse;
}
*/


.jp-wfl-ip-track-group {
 	display: table;
 	width: 100%;
 	height: 100%;
}


.jp-wfl-ip-bar-stack .jp-wfl-ip-track-group .jp-wfl-ip-track .jp-wfl-ip-label {
 	display: none;
}

/*
.jp-wfl-ip-bar-stack .jp-wfl-ip-track-group {
 	display: table-cell;
 	position: relative;
 	width: auto;
 	border-radius: 0;
}
*/

.jp-wfl-ip-bar-stack .jp-wfl-ip-track {
    display: table-cell;
    position: relative;
    width: 1%;
    min-width: 1%;
    max-width: 100%;
    border-radius: 0;
    height: 100%;
    font-size: 1em;
    line-height: 1.3889em;
    margin: 1.5em 0;

}

.jp-wfl-ip-bar.jp-wfl-ip-bar-type-rating {
 	background: transparent;
}

.jp-wfl-ip-bar-type-rating .jp-wfl-ip-track {
	border-right: 5px solid #fff;	
}

.jp-wfl-ip-bar-type-rating.jp-wfl-ip-bar-stack .jp-wfl-ip-track {
	position: static;
}


.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-default .jp-wfl-ip-track,
.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-mini .jp-wfl-ip-track, 
.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-small .jp-wfl-ip-track,
.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-large .jp-wfl-ip-track,
.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-xlarge .jp-wfl-ip-track {
	border-radius: 0;
}

.jp-wfl-ip-bar-stack .jp-wfl-ip-track .jp-wfl-ip-label {
 	position: absolute;
 	top: 100%;
 	width: 100%;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
}

/*
*  Rating type panel
*/

.jp-wfl-ip-bar-type-rating.jp-wfl-ip-bar-stack .jp-wfl-ip-track .jp-wfl-ip-label {
 	right: 0;
	text-align: right;
	display: none;
}

.jp-wfl-ip-bar-type-rating.jp-wfl-ip-bar-stack .jp-wfl-ip-track .jp-wfl-ip-label.jp-wfl-ip-label-active {
 	display: inline;
}

.jp-wfl-ip-bar-type-rating.jp-wfl-ip-bar-stack .jp-wfl-ip-track .jp-wfl-ip-label.jp-wfl-ip-push-left {
 	left: 0;
	text-align:left;
	bottom: auto;
}

.jp-wfl-ip-bar-type-rating.jp-wfl-ip-bar-stack .jp-wfl-ip-track .jp-wfl-ip-label.jp-wfl-ip-push-right {
 	right: 0;
	text-align: right;
	bottom: auto;
}

.jp-wfl-ip-bar-type-rating.jp-wfl-ip-bar-stack .jp-wfl-ip-track .jp-wfl-ip-label.jp-wfl-ip-push-bottom-left {
 	top: 100%;
 	left: 0;
	text-align:left;
	bottom: auto;
}

.jp-wfl-ip-bar-type-rating.jp-wfl-ip-bar-stack .jp-wfl-ip-track .jp-wfl-ip-label.jp-wfl-ip-push-bottom-right {
 	top: 100%;
 	right: 0;
	text-align: right;
	bottom: auto;
}

.jp-wfl-ip-bar.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack {
 	background: transparent;
}

.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-default {
 	padding: 0 0 0 .9em;
}

.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-mini {
 	padding: 0 0 0 8px;
}

.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-small {
 	padding: 0 0 0 1em;
}

.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-large {
 	padding: 0 0 0 1.25em;
}

.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-xlarge {
 	padding: 0 0 0 1.875em;
}

.jp-wfl-ip-bar-stack .jp-wfl-ip-track .jp-wfl-ip-badge,
.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-default .jp-wfl-ip-track .jp-wfl-ip-badge {
	position: absolute;
	top: 50%;
	margin: -.9em 0 0 -.9em;
	   -moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	     -o-border-radius: 50%;
	        border-radius: 50%;
	text-align: center;
	background: #000;
	width: 1.8em;
	height: 1.8em;
	font-size: 1.3889em;
	line-height: 1.8;
	display: inline-block;
	vertical-align: middle;

}


.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-mini .jp-wfl-ip-track .jp-wfl-ip-badge {
	font-size: 10px;
	line-height: 12px;
	margin: -8px 0 0 -8px;
	width: 16px;
	height: 16px;
	border: 2px solid #fff;
}

.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-small .jp-wfl-ip-track .jp-wfl-ip-badge {
	margin: -1em 0 0 -1em;
	width: 2em;
	height: 2em;
	font-size: 10px;
	line-height: 1.6em;
	border: 2px solid #fff;
}

.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-large .jp-wfl-ip-track .jp-wfl-ip-badge {
	margin: -.8333em 0 0 -.8333em;
	width: 1.6667em;
	height: 1.6667em;
	border: 3px solid #fff;
	font-size: 1.5em;
	line-height: 1.6667em;
}

.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-xlarge .jp-wfl-ip-track .jp-wfl-ip-badge {
	margin: -.75em 0 0 -.75em;
	width: 1.5em;
	height: 1.5em;
	border: 3px solid #fff;
	font-size: 2.5em;
	line-height: 1.5em;
}



/* SCALE SIZE TRACK */

/* h=1px */
.jp-wfl-ip-scale-hair {
 	height: 1px;
}

/* h=3px */

.jp-wfl-ip-scale-mini {
	height: 3px; 
	font-size: 0;
}

.jp-wfl-ip-scale-mini .jp-wfl-ip-track {
	height: 100%; 
	font-size: 0;
}

/* h=10px font-size=10px */

.jp-wfl-ip-scale-small	{
	height: 1em; 
	font-size: .6944em; 
	line-height:1em;
	margin: 1.5em 0;
}

.jp-wfl-ip-scale-small .jp-wfl-ip-track {
	height: 100%; 
	font-size: .6944em;
}


/* h=20px (h=15px=1.04167em) font-size= 14.4px*/


.jp-wfl-ip-scale-default {
	height: 1.3889em; 
	font-size: 1em; 
	line-height: 1.3889em;
	margin: 2.5em 0;
}

.jp-wfl-ip-scale-default .jp-wfl-ip-track {
	line-height: 1.3889em;
	height: 100%;
}

/* h=30px font-size=20px */

.jp-wfl-ip-scale-large 	{
	height: 1.5em; 
	font-size: 1.3889em; 
	line-height: 1.5em;
	margin: 1.5em 0;
}


.jp-wfl-ip-scale-large .jp-wfl-ip-track {
	height: 100%;
	font-size: 1em;
	line-height: 1.5em;
}

	
/* h=60px font-size=24px */

.jp-wfl-ip-scale-xlarge		{
	height: 2.5em; 
	font-size: 1.6667em; 
	line-height: 2.5em;
	margin: 1.5em 0;
}

.jp-wfl-ip-scale-xlarge .jp-wfl-ip-track {
	height: 100%;
	font-size: 1em; 
	line-height: 2.5em;
}

.jp-wfl-ip-scale-track-hair {
 	height: 1px;
}

.jp-wfl-ip-scale-track-mini {
	height: 3px;
}

.jp-wfl-ip-scale-track-small	{
	height: 1em;
}

.jp-wfl-ip-scale-track-default {
	height: 1.3889em; 
}

.jp-wfl-ip-scale-track-large {
	height: 1.5em;
}	

.jp-wfl-ip-scale-track-xlarge		{
	height: 2.5em; 
}


/* Badge for type scale */

.jp-wfl-ip-bar.jp-wfl-ip-bar-type-scale {
    /*padding: 2.5em 0;*/
    display: table;
    width: 100%;
    clear: both;
    background: transparent;
}

.jp-wfl-ip-bar-type-scale > .jp-wfl-ip-badge,
.jp-wfl-ip-bar-type-scale > .jp-wfl-ip-badge.jp-wfl-ip-badge-scale-default {
	position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid #fff;
	margin: -3.5em 0 0 -3.5em;
	width: 7em;
	height: 7em;
	padding: .5em;
	line-height: 5.9999em;
	vertical-align: middle;
	z-index: 999;
	font-size: 1em; /* font-size = 14px */
	text-transform: uppercase;
	   -moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	     -o-border-radius: 50%;
	        border-radius: 50%;    
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}


.jp-wfl-ip-bar-type-scale.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-mini {
	font-size: .6944em !important;
}

.jp-wfl-ip-bar-type-scale.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-mini .jp-wfl-ip-track {
	font-size: .6944em !important;
}

.jp-wfl-ip-bar-type-scale.jp-wfl-ip-bar-stack .jp-wfl-ip-badge.jp-wfl-ip-badge-scale-mini {
	font-size: .6944em; /* font-size = 10px */
}

.jp-wfl-ip-bar-type-scale.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-small {
	font-size: .8333em;
}

.jp-wfl-ip-bar-type-scale.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-small .jp-wfl-ip-track {
	font-size: 1em;
}

.jp-wfl-ip-bar-type-scale.jp-wfl-ip-bar-stack .jp-wfl-ip-badge.jp-wfl-ip-badge-scale-small {
	font-size: .833em; /* font-size = 12px */
}

.jp-wfl-ip-bar-type-scale.jp-wfl-ip-bar-stack .jp-wfl-ip-badge.jp-wfl-ip-badge-scale-large {
	font-size: 1.25em; /* font-size = 16px */
}

.jp-wfl-ip-bar-type-scale.jp-wfl-ip-bar-stack .jp-wfl-ip-badge.jp-wfl-ip-badge-scale-xlarge {
	font-size: 1.3889em; /* font-size = 16px */
}

.jp-wfl-ip-bar-type-scale .jp-wfl-ip-badge-body {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	line-height: 1.1 !important;
}

/* Whell color */

.jp-wfl-ip-badge.jp-wfl-ip-badge-wrap {
    overflow: hidden;
    left: 3.5em;
}

/*
.jp-wfl-ip-badge-whell {
    position: relative;
        -ms-filter: blur(0.7em);
    -webkit-filter: blur(0.7em);
        -ms-filter: blur(0.7em);
         -o-filter: blur(0.7em);
            filter: blur(0.7em);
    width: 7em;
    height: 7em;
    margin: -.5em 0 0 -.5em;
    padding: 0;
    display: block;
}
*/

.jp-wfl-ip-badge-whell {
    position: relative;
/*    
        -ms-filter: url(#jp-wfl-ip-badge_blur);
    -webkit-filter: url(#jp-wfl-ip-badge_blur);
        -ms-filter: url(#jp-wfl-ip-badge_blur);
         -o-filter: url(#jp-wfl-ip-badge_blur);
            filter: url(#jp-wfl-ip-badge_blur);
            */
    width: 7em;
    height: 7em;
    margin: -.5em 0 0 -.5em;
    padding: 0;
    display: block;
}

.jp-wfl-ip-badge-color {
    display: block;
    overflow: hidden;
}

.jp-wfl-ip-badge-color,
.jp-wfl-ip-badge-color:before,
.jp-wfl-ip-badge-color:after {
    position: absolute;
    width: 3.5em;
    height: 3.5em;
    transform-origin: right bottom;
}

.jp-wfl-ip-badge-color:before,
.jp-wfl-ip-badge-color:after {
    content: "";
    display: block;
}

.jp-wfl-ip-badge-color:before {
    transform: rotate(30deg);
}

.jp-wfl-ip-badge-color:after {
    transform: rotate(60deg);
}

.jp-wfl-ip-badge-color {
  background: hsl(0,90%,60%);
  }
.jp-wfl-ip-badge-color:before {
    background: hsl(30,100%,57%);
    }
.jp-wfl-ip-badge-color:after {
    background: hsl(55,100%,60%);
    }
.jp-wfl-ip-badge-color:nth-child(2) {
  transform: rotate(90deg);
  background: hsl(80,90%,55%);
  }
.jp-wfl-ip-badge-color:nth-child(2):before {
    background: hsl(120,80%,65%);
    }
.jp-wfl-ip-badge-color:nth-child(2):after {
    background: hsl(150,80%,55%);
    }
.jp-wfl-ip-badge-color:nth-child(3) {
  transform: rotate(180deg);
  background: hsl(180,80%,55%);
  }
.jp-wfl-ip-badge-color:nth-child(3):before {
    background: hsl(210,90%,55%);
    }
  LI:nth-child(3):after {
    background: hsl(240,100%,67%);
    }
.jp-wfl-ip-badge-color:nth-child(4) {
  transform: rotate(270deg);
  background: hsl(270,90%,63%);
  }
.jp-wfl-ip-badge-color:nth-child(4):before {
    background: hsl(300,80%,63%);
    }
.jp-wfl-ip-badge-color:nth-child(4):after {
    background: hsl(330,90%,55%);
    }

/* Type Scale Rulers */

.jp-wfl-ip-bar.jp-wfl-ip-bar-type-scale-rulers {
    background: transparent;
}

.jp-wfl-ip-bar.jp-wfl-ip-bar-type-scale-rulers .jp-wfl-ip-track {
    background: transparent;
    border-bottom: 1px solid #c0c0c0;
    position: relative;
}

.jp-wfl-ip-bar.jp-wfl-ip-bar-type-scale-rulers .jp-wfl-ip-label {
    color: #000;
}

.jp-wfl-ip-bar.jp-wfl-ip-bar-type-scale-rulers .jp-wfl-ip-track:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 2px;
    height: 20px;
    background: #c0c0c0;
}

.jp-wfl-ip-bar.jp-wfl-ip-bar-type-scale-rulers .jp-wfl-ip-track .jp-wfl-ip-track:after {
    height: 10px;
    bottom: -5px;
    width: 1px;
}

.jp-wfl-ip-bar.jp-wfl-ip-bar-type-scale-rulers .jp-wfl-ip-label {
    margin: 10px 0 0;
}


/* Type scale slider */

.jp-wfl-ip-bar-type-scale-slider .jp-wfl-ip-track .jp-wfl-ip-label {
    display: none;
}

.jp-wfl-ip-bar-slider {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    min-width: 10%;
    max-width: 100%;
    height: 1.3889em;
    background: #transparent;
}

.jp-wfl-ip-bar-slider-solid {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #333;
}

.jp-wfl-ip-bar-slider-handle-min,
.jp-wfl-ip-bar-slider-handle-max {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4.1667em;
    height: 4.1667em;
    background: #333;
    border-radius: 50%;
}

.jp-wfl-ip-bar-slider-handle-min {
    left: -2.0833em;
}

.jp-wfl-ip-bar-slider-handle-max {
    right: -2.0833em;
}

.jp-wfl-ip-bar-slider-indicator-start {
    position: absolute;
    left: 0;
    top: 100%;
    margin: 2.0833em 0 0;
    transform: translateX(-50%);
}

.jp-wfl-ip-bar-slider-indicator-end {
    position: absolute;
    right: 0;
    top: 100%;
    margin: 2.0833em 0 0;
    transform: translateX(50%);
}


/* Default scin attribute for scale price */

.jp-wfl-ip-bar-slider {
    background: #transparent;
}

.jp-wfl-ip-bar-slider-solid {
    background: #333;
}

.jp-wfl-ip-bar-slider-handle-min,
.jp-wfl-ip-bar-slider-handle-max {
    background: #333;
}

/* TYPE BAR */

.jp-wfl-ip-bar-type-progress .jp-wfl-ip-label {
	display: none;
}

.jp-wfl-ip-bar-type-progress .jp-wfl-ip-track {
	text-align: right;
	color: #fff;
}


/* POSITION LABEL */

.jp-wfl-ip-push-left {
 	position: absolute;
 	left: 0;
 	bottom: 100%;
 	top: auto !important;
 	line-height: 1;
}	


.jp-wfl-ip-push-top-right,
.jp-wfl-ip-push-right {
 	position: absolute;
 	top: auto;
 	right: 0;
 	bottom: 100%;
 	line-height: 1;
}

.jp-wfl-ip-push-top-left {
 	position: absolute;
 	bottom: 100%;
 	top: auto !important;
 	line-height: 1;
}	


.jp-wfl-ip-push-bottom-left {
 	position: absolute;
 	left: 0;
 	top: 100%;
 	bottom: auto;
 	line-height: 1;
}	


.jp-wfl-ip-push-bottom-right {
 	position: absolute;
 	left: 0;
 	top: 100%;
 	bottom: auto;
 	line-height: 1;
}


/* SKIN BAR */

.jp-wfl-ip-bar.jp-wfl-ip-scale-mini,
.jp-wfl-ip-track.jp-wfl-ip-scale-mini,
.jp-wfl-ip-scale-mini .jp-wfl-ip-track {
	   -moz-border-radius: 0;
	-webkit-border-radius: 0;
	     -o-border-radius: 0;
  	        border-radius: 0;
}

.jp-wfl-ip-bar.jp-wfl-ip-scale-small,
.jp-wfl-ip-track.jp-wfl-ip-scale-small,
.jp-wfl-ip-scale-small .jp-wfl-ip-track {
	   -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	     -o-border-radius: 2px;
  	        border-radius: 2px;
}

.jp-wfl-ip-bar.jp-wfl-ip-scale-fefault,
.jp-wfl-ip-track.jp-wfl-ip-scale-default,
.jp-wfl-ip-scale-default .jp-wfl-ip-track {
	   -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	     -o-border-radius: 3px;
  	        border-radius: 3px;
}

.jp-wfl-ip-bar.jp-wfl-ip-scale-large,
.jp-wfl-ip-track.jp-wfl-ip-scale-large,
.jp-wfl-ip-scale-large .jp-wfl-ip-track {
	   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	     -o-border-radius: 5px;
  	        border-radius: 5px;
}

.jp-wfl-ip-bar.jp-wfl-ip-scale-xlarge,
.jp-wfl-ip-track.jp-wfl-ip-scale-xlarge,
.jp-wfl-ip-scale-xlarge .jp-wfl-ip-track {
	   -moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	     -o-border-radius: 7px;
  	        border-radius: 7px;
}

/* TIMELINE */

.jp-wfl-ip-bar-type-timeline.jp-wfl-ip-bar-stack {
 	padding: 0 0 0 3.5em;
}


.jp-wfl-ip-bar-type-timeline.jp-wfl-ip-bar-stack .jp-wfl-ip-track .jp-wfl-ip-badge,
.jp-wfl-ip-bar-type-timeline.jp-wfl-ip-bar-stack .jp-wfl-ip-track .jp-wfl-ip-badge.jp-wfl-ip-badge-scale-default {
	border: none;
	margin: -3.5em 0 0 -3.5em;
	width: 7em;
	height: 7em;
	padding: .5em;
	line-height: 5.9999em;
	vertical-align: middle;
	z-index: 999;
	font-size: 1em; 
	text-transform: uppercase;
}


.jp-wfl-ip-bar-type-timeline.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-mini {
	font-size: .6944em !important;
}

.jp-wfl-ip-bar-type-timeline.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-mini .jp-wfl-ip-track {
	font-size: .6944em !important;
}

.jp-wfl-ip-bar-type-timeline.jp-wfl-ip-bar-stack .jp-wfl-ip-track .jp-wfl-ip-badge.jp-wfl-ip-badge-scale-mini {
	font-size: .6944em; /* font-size = 10px */
}

.jp-wfl-ip-bar-type-timeline.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-small {
	font-size: .8333em;
}

.jp-wfl-ip-bar-type-timeline.jp-wfl-ip-bar-stack.jp-wfl-ip-scale-small .jp-wfl-ip-track {
	font-size: 1em;
}

.jp-wfl-ip-bar-type-timeline.jp-wfl-ip-bar-stack .jp-wfl-ip-track .jp-wfl-ip-badge.jp-wfl-ip-badge-scale-small {
	font-size: .833em; /* font-size = 12px */
}

.jp-wfl-ip-bar-type-timeline.jp-wfl-ip-bar-stack .jp-wfl-ip-track .jp-wfl-ip-badge.jp-wfl-ip-badge-scale-large {
	font-size: 1.25em; /* font-size = 16px */
}

.jp-wfl-ip-bar-type-timeline.jp-wfl-ip-bar-stack .jp-wfl-ip-track .jp-wfl-ip-badge.jp-wfl-ip-badge-scale-xlarge {
	font-size: 1.3889em; /* font-size = 16px */
}

.jp-wfl-ip-bar-type-timeline .jp-wfl-ip-badge-body {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	line-height: 1.1 !important;
}

[data-badge-type="square"] {
	border-radius: 0 !important;
}

.jp-wfl-ip-bar-type-timeline .jp-wfl-ip-badge-body time {
 	display: block;
}

.jp-wfl-ip-bar-type-timeline .jp-wfl-ip-track .jp-wfl-ip-label {
 	/* color: #000; */
 	vertical-align: bottom;
 	display: inline-block;
 	/* border-left: 1px solid #000; */
 	padding: 0 0 0 .5em;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: normal;
 	line-height: 1.2;
}

.jp-wfl-ip-bar-type-timeline .jp-wfl-ip-label .jp-wfl-ip-label-body {
	position: absolute;
	bottom: 0;
/* 	color: #000; */
	vertical-align: bottom;
	display: inline-block;
}

.jp-wfl-ip-bar-type-timeline .jp-wfl-ip-label.jp-wfl-ip-push-top-left .jp-wfl-ip-label-body {
	top: 0;
	vertical-align: top;
}

.jp-wfl-ip-bar-type-timeline .jp-wfl-ip-label.jp-wfl-ip-push-top-left,
.jp-wfl-ip-bar-type-timeline .jp-wfl-ip-label.jp-wfl-ip-push-top-right {
	vertical-align: top;
}


/* TIMELINE TYPE VERTICAL */

.jp-wfl-ip-bar-type-timeline.jp-wfl-ip-bar-type-timeline-pull-vertical,
.jp-wfl-ip-bar-type-timeline.jp-wfl-ip-bar-type-timeline-pull-vertical[data-viewport] {
	padding: 0;
	height: auto;
	margin: 0;
}

.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-bar {            
	background: transparent !important;
}

.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-bar-stack {
 	padding: 0;
 	position: relative;
 	display: block;
 	left: 50%;
 	width: 50%;
 	height: 100%;
}

.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-bar-type-timeline-pull-left.jp-wfl-ip-bar-stack {
 	padding: 0;
 	position: relative;
 	display: block;
 	left: auto;
 	width: auto;
 	height: 100%;
 	padding:0 0 0 3.5em;
}

.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-bar-stack .jp-wfl-ip-track {
 	display: table;
 	table-layout: fixed;
 	vertical-align: top;
 	position: relative;
 	width: 200%;
 	border-radius: 0;
	height: 100%; 
	font-size: 1em; 
	line-height: auto;
	margin: 0;
}

.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-track,
.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-track:hover,
.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip .jp-wfl-ip-track {            
 	background: transparent !important;
	/* color: #000;*/
	margin: 0;
	padding: 0 0 3.5em;
	border-left: 2px solid #fff; /* Patch up for color background theme */
	min-height: 10.5em;
}

.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-track:last-child,
.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-track:last-child:hover,
.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip .jp-wfl-ip-track:last-child {            
	padding: 0;
	border-left: 2px solid transparent;
}

.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-bar-type-timeline-pull-left.jp-wfl-ip-bar-stack .jp-wfl-ip-track {
 	display: block;
 	width: auto;
}


.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-scale-track-hair .jp-wfl-ip-track 									{border-left-width: 1px;}

.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-scale-track-mini .jp-wfl-ip-track 									{border-left-width: 2px;}
.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-scale-track-mini .jp-wfl-ip-track .jp-wfl-ip-badge 				{left: -1px;}
.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-scale-track-mini .jp-wfl-ip-track:last-child .jp-wfl-ip-badge 		{left: 0;}

.jp-wfl-ip-bar-type-timeline-pull-vertical..jp-wfl-ip-scale-track-small jp-wfl-ip-track 								{border-left-width: 4px;}
.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-scale-track-small .jp-wfl-ip-track .jp-wfl-ip-badge 				{left: -2px;}
.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-scale-track-small .jp-wfl-ip-track:last-child .jp-wfl-ip-badge		{left: 0;}

.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-scale-track-large .jp-wfl-ip-track 								{border-left-width: 6px;}
.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-scale-track-large .jp-wfl-ip-track .jp-wfl-ip-badge 				{left: -3px;}
.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-scale-track-large .jp-wfl-ip-track:last-child .jp-wfl-ip-badge		{left: 0;}

.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-scale-track-xlarge .jp-wfl-ip-track 								{border-left-width: 8px;}
.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-scale-track-xlarge .jp-wfl-ip-track .jp-wfl-ip-badge 				{left: -4px;}
.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-scale-track-xlarge .jp-wfl-ip-track:last-child .jp-wfl-ip-badge	{left: 0;}


.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-bar-stack .jp-wfl-ip-track .jp-wfl-ip-badge,
.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-bar-stack .jp-wfl-ip-track .jp-wfl-ip-badge.jp-wfl-ip-badge-scale-default {
	position: relative;
	top: auto;
	border: none;
	margin: 0 0 0 -3.5em;
	width: 7em;
	height: 7em;
	padding: .5em;
	line-height: 5.9999em;
	vertical-align: middle;
	z-index: 999;
	font-size: 1em; /* font-size = 14px */
	text-transform: uppercase;
	overflow: hidden;
}

.jp-wfl-ip-bar-type-timeline-pull-vertical .jp-wfl-ip-label[data-viewport] {
 	width: 100% !important;
 	height: 100% !important;
}

.jp-wfl-ip-bar-type-timeline-pull-vertical .jp-wfl-ip-track .jp-wfl-ip-label {            
 	border-left: none;
 	padding: 0 0 0 5em;
 	display: table-cell;
 	top: auto;
 	bottom: auto;
 	position: relative;
 	left: -50%;
 	vertical-align: middle;
}

.jp-wfl-ip-bar-type-timeline-pull-vertical .jp-wfl-ip-label.jp-wfl-ip-push-top-left {
 	top: 0 !important;
 	text-align: right;
 	padding: 0 5em 0 0 !important;
 	height: 100%;
 	vertical-align: middle;
}

.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-bar-type-timeline-pull-left .jp-wfl-ip-track .jp-wfl-ip-label {            
 	display: block;
 	left: 0;
}

.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-bar-type-timeline-pull-left .jp-wfl-ip-label.jp-wfl-ip-push-top-left {
 	top: 0 !important;
 	text-align: left;
 	padding: 0 0 0 5em !important;
 	height: auto;
}

.jp-wfl-ip-bar-type-timeline-pull-vertical.jp-wfl-ip-bar-type-timeline-pull-left .jp-wfl-ip-track .jp-wfl-ip-badge + .jp-wfl-ip-label {            
 	margin-top: -4em;
}

.jp-wfl-ip-bar-type-timeline-pull-vertical span[class="jp-wfl-ip-label"]:only-child {
 	right: 200%;
}

.jp-wfl-ip-bar-type-timeline-pull-vertical .jp-wfl-ip-label .jp-wfl-ip-label-body {
	position: static;
	bottom: auto;
}


/* Type-scale-delivery */

.jp-wfl-type-scale-delivery {
    display: table;
    width: 100%;
}

.jp-wfl-type-scale-delivery .jp-wfl-ip-label {
    display: inline-block;
    margin: 5px 0 0; 
    text-align: center;
    width: auto !important;
    transform: translateX(-50%);
    font-weight: 600;
    position: absolute;
    top: 100%;
}

.jp-wfl-type-scale-delivery .jp-wfl-ip-label em {
    display: block;
    font-weight: normal;
}

.jp-wfl-type-scale-delivery .jp-wfl-ip-label.jp-wfl-ip-push-right,
.jp-wfl-type-scale-delivery .jp-wfl-ip-label.jp-wfl-ip-push-left {
    top: auto;
    bottom: 100%;
    margin: 0;
    padding: 0 0 10px;
    height: auto;
}

.jp-wfl-type-scale-delivery .jp-wfl-ip-track:first-child .jp-wfl-ip-label {
    text-align: left;
    transform: translateX(0);
}

.jp-wfl-type-scale-delivery .jp-wfl-ip-track:last-child .jp-wfl-ip-label {
    right: 0;
    text-align: right;
    transform: translateX(0);
}

.jp-wfl-type-scale-delivery .jp-wfl-ip-track .jp-wfl-ip-badge,
.jp-wfl-type-scale-delivery.jp-wfl-ip-scale-default .jp-wfl-ip-track .jp-wfl-ip-badge {
    position: absolute;
    left: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    margin: 0;
    transform: translateX(-50%);
    top: 0;
}

.jp-wfl-type-scale-delivery .jp-wfl-ip-badge:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    margin: -1px 0 0;
    border: 7px solid transparent;
    border-top-color: #008a00; 
}

.jp-wfl-type-scale-delivery .jp-wfl-ip-track {
   display: table-cell;
   position: relative;
}

.jp-wfl-type-scale-delivery .jp-wfl-ip-track:last-child {
    width: 10px;
}

.jp-wfl-type-scale-delivery .jp-wfl-ip-track:first-child .jp-wfl-ip-badge:after,
.jp-wfl-type-scale-delivery .jp-wfl-ip-track:last-of-type .jp-wfl-ip-badge:after {
    display: none;
}

.jp-wfl-type-scale-delivery .jp-wfl-ip-track:last-child .jp-wfl-ip-badge {
    left: 100%;
}


.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-scale-default.jp-wfl-type-scale-delivery {
 	padding: 0 .9em 0;
}

.jp-wfl-ip-bar-type-scale-step.jp-wfl-type-scale-delivery.jp-wfl-ip-scale-mini {
 	padding: 0 8px 0;
}

.jp-wfl-ip-bar-type-scale-step.jp-wfl-type-scale-delivery.jp-wfl-ip-scale-small {
 	padding: 0 1em 0; 
}

.jp-wfl-ip-bar-type-scale-step.jp-wfl-type-scale-delivery.jp-wfl-ip-scale-large {
 	padding: 0 1.25em 0;
}

.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack.jp-wfl-type-scale-delivery.jp-wfl-ip-scale-xlarge {
 	padding: 0 1.875em 0; 
}


.jp-wfl-type-scale-delivery .jp-wfl-ip-track[data-marker-id="highlight-green"] .jp-wfl-ip-badge {
    background: #00c000 !important;
}

.jp-wfl-type-scale-delivery .jp-wfl-ip-track[data-marker-id="highlight-darkgreen"] .jp-wfl-ip-badge {
    background: #008a00 !important;
}

.jp-wfl-type-scale-delivery .jp-wfl-ip-label-address {
    text-transform: uppercase;
    font-weight: 400;
}

.jp-wfl-type-scale-delivery .jp-wfl-ip-label-address em {
    text-transform: none;
}

.jp-wfl-ip-track[data-marker-id="highlight-darkgreen"] .jp-wfl-ip-label-address {
    color: #008a00;
}



















		
		