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


/*
*
* 1.  VIEWPORTS THEMING, COLORING AND  GEOMETRY 
*  
*/



/* 1.1 VIEWPORT COLORING :: THEME COLORING */


[data-viewport-palette="system::fill::blank::solid"]      {background: #FFFFFF; color: #000;}
[data-viewport-palette="system::fill::alert::solid"]      {background: #ff0000; color: #fff;}
[data-viewport-palette="system::fill::primary::solid"]    {background: #0066cc; color: #fff;}
[data-viewport-palette="system::fill::invert::solid"]     {background: #000000; color: #fff;}
[data-viewport-palette="system::fill::theme::solid"]      {background: #eee; color: #000;}
[data-viewport-palette="system::fill::invert::opaque"]    {background: rgba(0,0,0,0.8); color: #fff;}
[data-viewport-palette="system::overlay::invert::opaque"] {background: rgba(0,0,0,0.8);}



/* 1.2 VIEWPORT COLORING :: MASTHEADS THEMES  */

[data-viewport-palette="theme::default::masthead"] { margin-bottom: 1px; background: #fff; background: -moz-linear-gradient(top , #fff, #f8f8f8;) repeat scroll 0% 0% transparent; background: -webkit-linear-gradient(top , #fff, #f8f8f8;) repeat scroll 0% 0% transparent; background: -o-linear-gradient(top , #fff, #f8f8f8;) repeat scroll 0% 0% transparent; background: -ms-linear-gradient(top , #fff, #f8f8f8;) repeat scroll 0% 0% transparent; background: linear-gradient(top , #fff, #f8f8f8;) repeat scroll 0% 0% transparent; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3) !important; -webkit-box-shadow:  0px 2px 2px rgba(0,0,0,0.3); -moz-box-shadow:  0px 2px 2px rgba(0,0,0,0.3);}


[data-viewport-palette="theme::default::masthead::io::section"] { border-bottom: 1px solid #ddd; margin-bottom: 1em !important; color: #000;} /*  headings for forms setions */
[data-viewport-palette="theme::default::masthead::io::section"] .jp-box-masthead-controls .jp-bu { padding-right: 0px !important;} /*  headings for forms setions */
[data-viewport-palette="theme::default::masthead::io::prompt"]   {border-bottom: 1px solid #ddd; margin-bottom: 1em !important; background: #333333 !important; color: #fff !important; } /*  prompt for emtpty forms setions */
[data-viewport-palette="theme::default::masthead::io::settings"] {background: #eee; padding: 1.5em !important;}

[data-viewport-palette="theme::default::masthead::feed::live"] {background: #1E88E5; color:#fff; border-top: 0px solid #fff;} /* headings for live feed */
[data-viewport-palette="theme::default::masthead::feed::live"] .jp-box-masthead-vid  {background: #1E88E5; color:#fff; border: none; margin-bottom: 0;}
[data-viewport-palette="theme::default::masthead::feed::live"] .jp-ici {border: none !important;}
[data-viewport-palette="theme::default::masthead::feed::live"] [data-label-type="label::badge"] { background: #ff0000; color: #fff; }

[data-viewport-palette="theme::default::masthead::feed::archive"]  {background: #FAFAFA; color:#000; border: 1px #E0E0E0 solid ; border-left: 4px solid #E0E0E0; border-right: none;} /*heading for archived feed */



/* 1.3 VIEWPORT COLORING :: WIDGETS THEMES  */


/* 1.4 VIEWPORT COLORING :: COMPONENTS THEMES  */


/* 1.5 VIEWPORT GUTTER :: GUTTERS  */


[data-viewport-bleed="system::bleed::alert::solid"] { border: 10px solid #ff0000;}
[data-viewport-bleed="system::bleed::gutter::transparent"] {border: 10px solid transparent !important;}


/* 1.6 VIEWPORT GEOMETRY ::  WIDGET AND COMPONENTS SIZES */

[data-viewport="w:h,75,s"] {width: auto; height: auto;  max-height: 75px;  overflow: hidden; overflow-x: none!important; overflow-y: auto !important;}
[data-viewport="w:h,100,150,s"] {width: auto; height: auto;  max-height: 150px;  overflow: hidden; overflow-x: none; overflow-y: auto;}
[data-viewport="w:h,100,200,s"] {width: auto; height: auto;  max-height: 200px; overflow-y: auto !important;}
[data-viewport="w:h,100,400,s"] {width: auto; height: auto;  max-height: 400px; overflow-y: auto !important;}
[data-viewport="w:h,100,300,s"] {width: auto; height: auto;  max-height: 300px; overflow-y: auto !important;}
[data-viewport="w:h,240,s"] {width: auto; height: auto;  max-height: 240px;  overflow: hidden; overflow-x: none!important; overflow-y: auto !important;}

[data-viewport="w,300,480:h"] {width: auto !important; min-width: 300px !important; max-width: 480px !important; height: auto !important; }     /* mobile viewport */

[data-viewport="w:h"]     {width: auto !important; height: auto !important;  } /* default inherited sizing */
[data-viewport="80:80"]   {width: 80px !important; height: 80px !important;   }
[data-viewport="96:96"]   {width: 96px !important; height: 96px !important;   }
[data-viewport="120:120"] {width: 120px !important; height: 120px !important; }
[data-viewport="160:160"] {width: 160px !important; height: 160px !important; }
[data-viewport="w,180,500:h"] {width: auto !important; min-width: 180px !important; max-width: 500px !important; height: auto !important;} /* login forms */
[data-viewport="240:h"] {width: 240px !important; height: auto !important; } 
[data-viewport="240:240"] {width: 240px !important; height: 240px !important; }

[data-viewport="w,240,400:h"] {width: auto !important; min-width: 240px !important; max-width: 400px !important; height: auto !important; } /*  cascade viewport */
[data-viewport="w,240,800:h"] {width: auto !important; min-width: 240px !important; max-width: 800px !important; height: auto !important; } /*  cascade viewport */
[data-viewport="w,240:h"] {width: auto !important; min-width: 240px !important; height: auto !important; } /*  cascade viewport */

[data-viewport="240:h"] {width: 240px !important; height: auto !important; } 
[data-viewport="320:320"] {width: 320px !important; height: 320px !important; }
[data-viewport="w,360,480:h"] {width: auto !important; min-width: 360px !important; max-width: 480px !important; height: auto !important; }     /* mobile viewport */
[data-viewport="480:480"] {width: 480px !important; height: 480px !important; }
[data-viewport="w,480,760:h"] {width: auto !important; min-width: 480px !important; max-width: 760px !important; height: auto !important; }     /*  tablet viewport */
[data-viewport="960"]     {width: 960px !important; margin: auto;}
[data-viewport="960:480"] {width: auto; max-width: 960px !important; min-width: 480px !important; margin: auto;}
[data-viewport="w,960,1400:h"] {width: auto !important; min-width: 9600px !important; max-width: 1400px !important; height: auto !important; }  /* desktop viewport */

[data-viewport="f:350,650"] {width: 100%; height: auto; max-width: 650px;  min-height: 350px !important; margin: 0 auto;  position: relative;  }  /* modal window */
[data-viewport="f:100,100"] {width: 100%; min-height: 100%; height: 100%; margin: 0 auto;  position: relative;  }  /* modal window */
[data-viewport="f:100,h"]   {width: 100%; min-width: 100%; height: auto; }  /* blocked tooltip  */



    
/* 1.7  VIEWPORT GEOMETRY ::  IMAGE RENDITIONS SIZES  */


[data-image-rendition="150:100"] {width: 150px !important; height: 100px !important;   }
[data-image-rendition="84:84"]   {width: 84px !important; height: 84px !important;   }
[data-image-rendition="48:48"]   {width: 48px !important; height: 48px !important;   }
[data-image-rendition="32:32"]   {width: 32px !important; height: 32px !important;   }
[data-image-rendition="16:16"]   {width: 16px !important; height: 16px !important;   }


/* 1.8 VIEWPORT POSITIONING :: ALIGNMENT AND FLOATS   */

 

[data-viewport-direction="090-50"]   {position: absolute; top: -50px; left: 0;}
[data-viewport-direction="090"] {}  /*up*/
[data-viewport-direction="030"] {}  /*up right*/
[data-viewport-direction="000"] {}  /* right straight */
[data-viewport-direction="330"] {}  /*down right */
[data-viewport-direction="270"] {}  /* down straight */
[data-viewport-direction="210"] {}  /*left down*/
[data-viewport-direction="150"] {}  /*left straight*/



/* 1.9 VIEWPORT ROLES ::  BEHAVIOUR , LAYOUT AND VISIBILITY   */




[data-viewport-role="cover"]      {overflow: hidden !important;} /* Value for the html body with enabled cover screen */
[data-viewport-role="normal"]      {overflow: auto;} /* Value for the html body with disabled cover screen */
[data-viewport-role="hidden"]      {display: none !important; visibility: hidden !important; z-index: 0;}
[data-viewport-role="shown"]       {visibility: visible !important; z-index: 0 }
[data-viewport-role="context"]     {z-index: 0;}
[data-viewport-role="fullscreen"]  {position: absolute !important; top: 50% !important; left: 50% !important; margin-right: -50% !important; transform: translate(-50%, -50%) !important;
 -webkit-transform: translate(-50%, -50%) !important; -ms-transform:  translate(-50%, -50%) !important; z-index: 900000 !important; overflow: auto;  width: 100%; max-height: 100%; padding: 1%;}


[data-viewport-position="spread"]    {position: relative !important; margin: 1px; margin-top: -2px;}
[data-viewport-position="dropdown"]  {position: absolute; z-index: 999999 !important; left: 0; right: 0; top: 100%; margin: 1px; margin-top: -2px; }


[data-viewport-layout="1:4:H"]        {float: none !important; display: inline-block; vertical-align: top !important; position: relative; height: auto;}

[data-viewport-layout="1:4:H"] ul,
[data-viewport-layout="1:4:H"] dl     {height: 100%; width: 25% !important; display: inline-block !important; float: left; border-bottom: none !important; vertical-align: top;}
[data-viewport-layout="4:1:V"]        {float: none !important; display: block important; vertical-align: top !important; position: relative;}
[data-viewport-layout="4:1:V"] ul,
[data-viewport-layout="4:1:V"] dl      {height: 100%; display: block  !important;}

[data-viewport-layout="1:3:H"]	       {float: none !important; display: inline-block !important; vertical-align: top !important; position: relative;}

[data-viewport-layout="1:3:H"] ul,
[data-viewport-layout="1:3:H"] dl      {height: 100%; width: 33.1% !important; display: inline-block !important; border-bottom: none !important; vertical-align: top;}

[data-viewport-layout="3:1:H"]	       {float: none !important; display: block important; vertical-align: top !important; position: relative;}

[data-viewport-layout="3:1:H"] ul,
[data-viewport-layout="3:1:H"] dl      {height: 100%; display: block  !important; }



/*
* 2. ELEMENTS HIGHLIGHTS
*  
*  
*/


/*  WIDGET LOADERS, MESSAGES AND KPI COLOR NOTIFICATIONS  */

[data-marker-id="component::content::cover"],
[data-marker-id="component::content::cover"] button{
    background:  #1E88E5  !important;
    border: none !important;
    color: #fff !important;
    overflow: hidden;

 }
 
 

[data-marker-id="widget::content::cover"] {
    opacity: .95 !important;
    -moz-opacity: .95 !important;
    filter: alpha(opacity=95) !important;
    background: #fff !important;
    border: none !important;
    color: #000 !important;

 }
 
 /* for enabled filters and search */
 
[data-marker-id="widget::state::selected"]{
         background:  #4697FC !important;
         color: #fff !important;
         box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3) !important;

}  

 
/* FOR INACTIVE OR DEFAULT STATES */

[data-marker-id="widget::state::quiescent"] {
    background: #9E9E9E !important;
    border: none !important;
    color: #fff !important;

}

/* FOR NORMAL OPERATION OR LOADING COMPLETION */

[data-marker-id="widget::state::completed"] {
    opacity: .95 !important;
    -moz-opacity: .95 !important;
    filter: alpha(opacity=95) !important;
    background: #1E88E5 !important;
    border: none !important;
    color: #fff !important;

 }

/* FOR NORMAL PROGRESS STATE */

[data-marker-id="widget::state::inbackground"] {
    background: #000000 !important;
    border: none !important;
    color: #fff !important;

 }

/* FOR NORMAL PROGRESS STATE */

[data-marker-id="widget::state::expected"] {
    background: #43A047 !important;
    border: none !important;
    color: #fff !important;

 }

/* FOR DELAYED PROGRESS STATE OR WARNING */

[data-marker-id="widget::state::postponed"] {
    background: #FFAB00 !important;
    border: none !important;
    color: #fff !important;

 }
 
 
 
 

/* FOR  ERROR, FAILED OR TIMEOUT  PROGRESS STATE */

[data-marker-id="widget::state::deficiency"] {
    background: #c62828 !important;
    border: none !important;
    color: #fff !important;

 }
 

/* IP MESSAGES COLORING AND HIGHLIHTS */
 
 [data-marker-id="message::state::neutral"] {
    color: #1E88E5 !important;

}

[data-marker-id="message::state::negative"] {
    color: #c62828 !important;

}
[data-marker-id="message::state::warning"] {
    color: #FFAB00  !important;

}
[data-marker-id="message::state::positive"] {
    color: #43A047 !important;

}
        
 
 
 

/* WIDGETS COLORING AND HIGHLIHTS */


/* renditions  manager  - light theme */

[data-viewport-highlight="component::media::rendtion::light"] .jp-wfl-io-rendition {
         background: #f0f0f0;
 }
[data-viewport-highlight="component::media::rendtion::light"] .jp-box-masthead  {
         background: #fff;
         border-left: 2px solid #f0f0f0;
         border-right: 2px solid #f0f0f0;
 }


/* media manager  - dark theme */


[data-viewport-highlight="component::media::manager::dark"].jp-wfl-io-attachment .jp-wfl-io-attachment-renderer {
      background:  #333 !important;
      color: #fff !important;
      border: 1px solid transparent;
    }

[data-viewport-highlight="component::media::manager::dark"].jp-wfl-io-attachment:hover .jp-wfl-io-attachment-renderer{
      background:  #000  !important;
      border: 1px solid transparent;

    }

[data-viewport-highlight="component::media::manager::dark"] label {
      color: #fff !important;
}

[data-viewport-highlight="component::media::manager::dark"] .jp-wfl-io-attachment-renderer,
[data-viewport-highlight="component::media::manager::dark"] .jp-wfl-io-panel-controls {
	  background: #000;
	  color: #fff;
}
[data-viewport-highlight="component::media::manager::dark"] .jp-wfl-io-media-editor {
	  background: #000;
	  border: 20px solid #000;
}

[data-viewport-highlight="component::media::manager::dark"] .jp-box-masthead {
      background: #333;
      color:#fff;

}

[data-viewport-highlight="component::media::manager::dark"]  .jp-box-masthead-controls {
     background: #333;
}

[data-viewport-highlight="component::media::manager::dark"] .jp-box-masthead-vid,
[data-viewport-highlight="component::media::manager::dark"] .jp-wfl-ip-bar   {
      background: #333;
      border: none;
      margin-bottom: 0;

}


[data-viewport-highlight="component::media::manager::dark"] .jp-box-masthead-wfl-io  input,
[data-viewport-highlight="component::media::manager::dark"] .jp-box-masthead-wfl-io  input:focus {
       background: none !important;
       border: transparent;
       color: #fff;
       font-weight: 600;

       }

[data-viewport-highlight="component::media::manager::dark"] .jp-box-masthead-wfl-io  input,
[data-viewport-highlight="component::media::manager::dark"] .jp-box-masthead-wfl-io  input:focus {
       background: none !important;
       border: transparent !important;
       color: #fff;

    }

[data-viewport-highlight="component::media::manager::dark"] ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
    font-weight: normal !important;
    
}
[data-viewport-highlight="component::media::manager::dark"]  input:focus::-webkit-input-placeholder {
    color: #333 !important;
    font-weight: normal !important;

}

[data-viewport-highlight="component::media::manager::dark"]  input[type="text"]::-moz-placeholder {   /* Mozilla Firefox 4 to 18 */
    opacity: 1;
    color:    #fff;
    font-weight: normal !important;

}
[data-viewport-highlight="component::media::manager::dark"]  input:focus::-moz-placeholder {
    opacity: 1;
    color: #333 !important;
    font-weight: normal !important;

}

[data-viewport-highlight="component::media::manager::dark"]::-moz-placeholder { /* Mozilla Firefox 19+ */
    opacity: 1;
    color:    #fff;
    font-weight: normal !important;

}
[data-viewport-highlight="component::media::manager::dark"]  input:focus::-moz-placeholder {
    color:  #333 !important;
    font-weight: normal !important;
}

[data-viewport-highlight="component::media::manager::dark"] ::-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
    font-weight: normal !important;

}
[data-viewport-highlight="component::media::manager::dark"]  input:focus::-ms-input-placeholder {
    color: #333 !important;
    font-weight: normal !important;

}



[data-marker-id="widget::kpi::counter::closed"] {
         color: #fff !important;
         box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.9) !important;

}

[data-marker-id="widget::kpi::counter::closed"]:hover {
         color: #000 !important;
         background: #fff !important;
         box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.3) !important;

}

[data-marker-id="widget::kpi::counter::opened"] {
         color: #333333 !important;
         background: #fff !important;
         box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3) !important;

}

[data-marker-id="widget::kpi::counter::opened"]:hover {
         box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.3) !important;

}


[data-viewport-highlight="widget::kpi::data::absent"] {
        background: #9E9E9E;
        border: none !important;
        color: #fff;

}

[data-viewport-highlight="widget::kpi::data::complete"] {
        background: #1b8dff;
        color: #fff;
} 

[data-viewport-highlight="widget::kpi::data::filtered"] {
        background: #607D8B;
        color: #fff;
}


[data-viewport-highlight="widget::kpi::data::insights"] {
        background: #1b8dff !important;
        color: #fff;
}


/* SHUTTER OUT VERTICAL */

[data-marker-id="component::content::shutter"] {
  z-index: 100;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);

  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

[data-marker-id="component::content::shutter"]:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.8);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

[data-marker-id="component::content::shutter"]:hover, [data-marker-id="component::content::shutter"]:hover:before,  [data-marker-id="component::content::shutter"]:focus:before, [data-marker-id="component::content::shutter"]:active:before {
  -webkit-transform: scaleY(1);
   transform: scaleY(1);
}


/* SHUTTER OUT  BAR */

[data-marker-id="component::content::bar"] {
  z-index: 100;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);

  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

[data-marker-id="component::content::bar"]:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.8);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

[data-marker-id="component::content::bar"]:hover, [data-marker-id="component::content::bar"]:hover:before,  [data-marker-id="component::content::bar"]:focus:before, [data-marker-id="component::content::shutter"]:active:before {
  -webkit-transform: scaleY(1);
   transform: scaleY(1);
}



/*  TAGS AND LABELS HIGHLIGHT  */

[data-viewport-highlight="component::io::select::counter"],
[data-viewport-highlight="component::io::select::counter"] button {
         color: #fff;

}

[data-viewport-highlight="component::io::tag::label"]   {
	   background: #000 !important;
           color: #fff !important;
           box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.3) !important;
           border: none;
         
           
}
[data-viewport-highlight="component::io::tag::label"]   .jp-bu {
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3) !important;
       
}
[data-viewport-highlight="component::io::tag::label"]  .jp-bu:hover {       
         box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.2) !important;
}



[data-viewport-highlight="component::io::tag::ref"]   {
	     background: #1b8dff !important;
         color: #fff !important;
         box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3) !important;
}
[data-viewport-highlight="component::io::tag::ref"]   .jp-bu {
         box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3) !important;
}
[data-viewport-highlight="component::io::tag::ref"]  .jp-bu:hover {
         box-shadow: inset 0 1px 2px 2px rgba(0, 0, 0, 0.2) !important;
}


[data-viewport-highlight="component::io::tag::keyword"]   {
	     background: #78909C !important;
         color: #fff !important;
         box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3) !important;
}
[data-viewport-highlight="component::io::tag::keyword"]   .jp-bu {
         box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3) !important;
}
[data-viewport-highlight="component::io::tag::keyword"]  .jp-bu:hover {
         box-shadow: inset 0 1px 2px 2px rgba(0, 0, 0, 0.2) !important;
}

[data-viewport-highlight="component::io::tag::hashtag"]   {
	     background: #1565C0 !important;
         color: #fff !important;
         box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3) !important;
}
[data-viewport-highlight="component::io::tag::hashtag"]   .jp-bu {
         box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3) !important;
}
[data-viewport-highlight="component::io::tag::hashtag"]  .jp-bu:hover {
         box-shadow: inset 0 1px 2px 2px rgba(0, 0, 0, 0.2) !important;
}

[data-viewport-highlight="component::io::tag::mention"]   {
	     background: #2E7D32 !important;
         color: #fff !important;
         box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3) !important;
}
[data-viewport-highlight="component::io::tag::mention"]   .jp-bu {
         box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3) !important;
}
[data-viewport-highlight="component::io::tag::mention"]  .jp-bu:hover {
         box-shadow: inset 0 1px 2px 2px rgba(0, 0, 0, 0.2) !important;
}


[data-marker-id="highlight-section-insert"] {
         border: 2px dashed #dddd !important;
         border-top: 2px dashed #dddd !important;

}



[data-marker-id="highlight-tab-closed"] {
          background: #fff !important;
          border: 1px solid #999 !important;
          width: 100% !important;
          color: #000 !important;
          text-align: left !important;

}
[data-marker-id="highlight-tab-closed"]:hover {
         box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1) !important;
}

[data-marker-id="highlight-tab-opened"] {
         background: #FAFAFA !important;
         border: 1px solid #999 !important;
         border-bottom: none !important;
         width: 100% !important;
         color: #000 !important;
         font-weight: 600 !important;
         text-align: left !important;

}
[data-marker-id="highlight-tab-opened"]:hover {
         background: #FAFAFA !important;
         color: #000 !important;
         box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1) !important;

}



/*  Default theme masking and rendering */

[data-marker-id="highlight-theme"] div,
[data-marker-id="highlight-theme"],
span[data-marker-id="highlight-theme"],
b[data-marker-id="highlight-theme"],
a[data-marker-id="highlight-theme"] {            
 	 background: -moz-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent !important;
 	 background: -webkit-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent !important;
 	 background: -o-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent !important;
 	 background: -ms-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent !important;
 	 background: linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent !important;
 	 background: #eee;

}

[data-marker-id="highlight-theme"] a,
[data-marker-id="highlight-theme"] span {
        color: #000;
}

[data-marker-id="highlight-theme"]:hover div,
[data-marker-id="highlight-theme"]:hover a,
div[data-marker-id="highlight-theme"]:hover,
b[data-marker-id="highlight-theme"]:hover,
a[data-marker-id="highlight-theme"]:hover {  
         background: #fff !important;
   	 color: #c04040 !important;
}  

button[data-marker-id="highlight-theme"]:hover {
        background: #f6f6f6 !important;
        box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.3) !important;
}


[data-marker-id="highlight-theme-light"] div,
[data-marker-id="highlight-theme-light"],
span[data-marker-id="highlight-theme-light"],
b[data-marker-id="highlight-theme-light"],
button[data-marker-id="highlight-theme-light"],            
a[data-marker-id="highlight-theme-light"] {            
 	 background: #fafafa;
 	 color: #3f3f3f;

}

[data-marker-id="highlight-theme-light"] a,
[data-marker-id="highlight-theme-light"] span {
        color: #3f3f3f;
}

[data-marker-id="highlight-theme-light"]:hover div,
[data-marker-id="highlight-theme-light"]:hover a,
div[data-marker-id="highlight-theme"]:hover,
b[data-marker-id="highlight-theme"]:hover,
a[data-marker-id="highlight-theme"]:hover {  
         background: #fff !important;
   	 color: #c04040 !important;
}  

button[data-marker-id="highlight-theme-light"]:hover {
        background: #f6f6f6 !important;
        box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.3) !important;
 	 color: #3f3f3f;
}




/*  White on blue rendering for all primary actions */

[data-marker-id="highlight-primary"] {            
 	background: #1565C0 !important;
 	color: #fff !important;
 }

[data-marker-id="highlight-primary"] a,
[data-marker-id="highlight-primary"] span {
        color: #fff;
}

[data-marker-id="highlight-primary"]:hover a,
div[data-marker-id="highlight-primary"]:hover,
li[data-marker-id="highlight-primary"]:hover div,
span[data-marker-id="highlight-primary"]:hover,
b[data-marker-id="highlight-primary"]:hover,
a[data-marker-id="highlight-primary"]:hover,
a[data-marker-id="highlight-primary"]:hover span {  
         background: #fff !important;
   	 color: #c04040 !important;
}  

button[data-marker-id="highlight-primary"]:hover {
        background: #0070df !important;
        color: #fff !important;
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3) !important;
}


/* White on  red for notifications and alerts */
  
[data-marker-id="highlight-alert"] {        
 	background: #e64646 !important;
 	background: -moz-linear-gradient(top , #e64646, #c04040) repeat scroll 0% 0% transparent !important;
 	background: -webkit-linear-gradient(top , #e64646, #c04040) repeat scroll 0% 0% transparent !important;
 	background: -o-linear-gradient(top , #e64646, #c04040) repeat scroll 0% 0% transparent !important;
 	background: -ms-linear-gradient(top , #e64646, #c04040) repeat scroll 0% 0% transparent !important;
 	background: linear-gradient(top , #e64646, #c04040) repeat scroll 0% 0% transparent !important;
 	/* border: 1px solid #c03939 !important; */
 	color: #fff !important;
}  
[data-marker-id="highlight-alert"] a,
[data-marker-id="highlight-alert"] span {
        color: #fff ;
}


[data-marker-id="highlight-alert"]:hover a,
div[data-marker-id="highlight-alert"]:hover,
span[data-marker-id="highlight-alert"]:hover,
b[data-marker-id="highlight-alert"]:hover,
a[data-marker-id="highlight-alert"]:hover,
a[data-marker-id="highlight-alert"]:hover span {  
        background: #fff !important;
 	color: #c04040 !important;
}  

/*  White on  black for emphasis options */  
 
[data-marker-id="highlight-invert"]  {          
 	color: #fff !important;
 	background: #404040 !important;
 	background: -moz-linear-gradient(top , #404040, #272727) repeat scroll 0% 0% transparent !important;
 	background: -webkit-linear-gradient(top , #404040, #272727) repeat scroll 0% 0% transparent !important;
 	background: -o-linear-gradient(top , #404040, #272727) repeat scroll 0% 0% transparent !important;
 	background: -ms-linear-gradient(top , #404040, #272727) repeat scroll 0% 0% transparent !important;
 	background: linear-gradient(top , #404040, #272727) repeat scroll 0% 0% transparent !important;
}  
[data-marker-id="highlight-invert"] a,
[data-marker-id="highlight-invert"] span {
        color: #fff;
}

[data-marker-id="highlight-invert"]:hover a,
div[data-marker-id="highlight-invert"]:hover,
span[data-marker-id="highlight-invert"]:hover,
b[data-marker-id="highlight-invert"]:hover,
a[data-marker-id="highlight-invert"]:hover,
a[data-marker-id="highlight-invert"]:hover span {    
         background: #fff !important;
   	 color: #c04040 !important;
}  


/*  Highlight state hidden option  */ 

[data-marker-id="highlight-state-hidden"] {          
         background: #000 !important;
         color: #000 !important;
         display: none !important;
         visibility: hidden;
} 

/*  Highlight state dsiabled option  */ 

[data-marker-id="highlight-state-disabled"] {
       background: #ddd !important;
       color: #a8a8a8 !important;
       pointer-events: none;
       cursor: default;
}

a[data-marker-id="highlight-state-disabled"],
[data-marker-id="highlight-state-disabled"] a,
[data-marker-id="highlight-state-disabled"] span {
       color:  #a8a8a8;
       pointer-events: none;
       cursor: default;
}


/*  Highlight state is edit or compose for widget header */

[data-marker-id="highlight-state-edit"],
[data-marker-id="highlight-state-edit"] div,
[data-marker-id="highlight-state-edit"] button,
div[data-marker-id="highlight-state-edit"],
span[data-marker-id="highlight-state-edit"],
b[data-marker-id="highlight-state-edit"],
a[data-marker-id="highlight-state-edit"] {
	 background: #1b8dff;
         color: #fff !important;
         box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3) !important;

}

[data-marker-id="highlight-state-edit"] div span,
[data-marker-id="highlight-state-edit"] div button,
[data-marker-id="highlight-state-edit"] button,
[data-marker-id="highlight-state-edit"] a,
[data-marker-id="highlight-state-edit"] span {
         color: #fff !important;
         font-weight: normal !important;
}

[data-marker-id="highlight-state-edit"] .jp-bu:hover {
         background: #1565C0; 
         box-shadow: inset 0 1px 2px 2px rgba(0, 0, 0, 0.2) !important;
         
}




/*  Highlight state hero option */ 

[data-marker-id="highlight-state-accent"] {
       background: #fff !important;
       color: inherit !important;
       cursor:text;
       text-shadow: 0px 1px 2px #ddd !important;
       font-weight: 600;
}

[data-marker-id="highlight-state-accent-option"] {
       text-shadow: 0px 1px 2px #ddd !important;
       font-weight: 400;
       border-top: 1px solid #999 !important;
       border-bottom: 1px solid #999 !important;
       /* box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.2) !important; */
}
[data-marker-id="highlight-state-accent-option"] button {
       text-shadow: 0px 1px 2px #ddd !important;
       font-weight: 400 !important;
} 

/*  Highlight state active option  */ 

[data-marker-id="highlight-state-active"] {
       background: #fff !important;
       color: #ff1500 !important;
       cursor:text;

}

[data-marker-id="highlight-state-active"] a,
[data-marker-id="highlight-state-active"] span {
       color: #ff1500;


}

a[data-marker-id="highlight-state-active"]:hover,
a[data-marker-id="highlight-state-active"]:hover span {
       color: #0044cc !important;
} 

[data-marker-id="highlight-state-pressed"] div,
[data-marker-id="highlight-state-pressed"] {
 	 background: #c0c0c0 !important;
 	 background: -moz-linear-gradient(top , #c0c0c0 , #f7f7f7) repeat scroll 0% 0% transparent !important;
 	 background: -webkit-linear-gradient(top , #c0c0c0 , #f7f7f7) repeat scroll 0% 0% transparent !important;
 	 background: -o-linear-gradient(top , #c0c0c0 , #f7f7f7) repeat scroll 0% 0% transparent !important;
 	 background: -ms-linear-gradient(top , #c0c0c0 , #f7f7f7) repeat scroll 0% 0% transparent !important;
 	 background: linear-gradient(top , #c0c0c0 , #f7f7f7) repeat scroll 0% 0% transparent !important;
	 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

[data-marker-id="highlight-state-pressed"]:hover div,
button[data-marker-id="highlight-state-pressed"]:hover,
a[data-marker-id="highlight-state-pressed"]:hover {
         background: #eee !important;
 	 background: -moz-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent !important;
 	 background: -webkit-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent !important;
 	 background: -o-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent !important;
 	 background: -ms-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent !important;
 	 background: linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent !important;
}


[data-marker-id="highlight-state-on"]{
         background:  #4697FC !important;
         color: #fff !important;
         box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3) !important;
         pointer-events: none;
         cursor: default;

}  

[data-marker-id="highlight-state-on"] button{
         color: #fff !important;
         pointer-events: none;
         cursor: default;

}  

[data-marker-id="highlight-state-selector"] {
         background: #9999 !important;
         color: #fff !important;         
         box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1) !important;         
         cursor: pointer !important;
}
[data-marker-id="highlight-state-selector"]:hover {
         background: #81B8FC !important;
         color: #fff !important;         
         box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1) !important;         
         cursor: pointer !important;
}

[data-marker-id="highlight-state-selected"] {
         background: #81B8FC !important;
         color: #fff !important;         
         box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1) !important;         
         cursor: pointer !important;
}  

[data-marker-id="highlight-state-selected"]:hover {
         background: #81B8FC !important;
         box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.3) !important;
         cursor: default;
}  

[data-marker-id="highlight-state-off"] {
         background: #ededed !important;
         color: #999 !important;
         box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3) !important;
         pointer-events: none;
         cursor: default;
}  

[data-marker-id="highlight-state-opened"] {
       background:  #1b8dff !important;
       color: #ff1500 !important;
       border: 1px solid #1b8dff;


}

[data-marker-id="highlight-state-opened"] a,
[data-marker-id="highlight-state-opened"] span {
       color: #ff1500;


}

a[data-marker-id="highlight-state-opened"]:hover,
a[data-marker-id="highlight-state-opened"]:hover span {
       color: #0044cc !important;
}



[data-marker-id="highlight-error"] {
       background: #fff;
       font-weight: 600;
       color: #ff0000 !important;
}

/*  Highlight  for overlay links  */ 

[data-marker-id="highlight-state-overlay-option"]:hover {
       border-bottom: 4px solid #1565C0  !important;


}
[data-marker-id="highlight-state-overlay-option-selected"] {
       border-bottom: 4px solid #1565C0  !important;


}


[data-marker-id="jp-bu-highlight-branding-facebook"] {
 	background-color:#4760a0;
 	border: 1px solid #304070;
 	background: -moz-linear-gradient(top , #6478b0, #4760a0) repeat scroll 0% 0% transparent;
 	background: -webkit-linear-gradient(top , #6478b0, #4760a0) repeat scroll 0% 0% transparent;
 	background: -o-linear-gradient(top , #6478b0, #4760a0) repeat scroll 0% 0% transparent;
 	background: -ms-linear-gradient(top , #6478b0, #4760a0) repeat scroll 0% 0% transparent;
 	background: linear-gradient(top , #6478b0, #4760a0) repeat scroll 0% 0% transparent;
 	color: #fff !important;
}

[data-marker-id="jp-bu-highlight-branding-facebook"]:hover {
	background-color:#465a96;
 	background: -moz-linear-gradient(top , #4760a0, #465a96) repeat scroll 0% 0% transparent;
 	background: -webkit-linear-gradient(top , #4760a0, #465a96) repeat scroll 0% 0% transparent;
 	background: -o-linear-gradient(top , #4760a0, #465a96) repeat scroll 0% 0% transparent;
 	background: -ms-linear-gradient(top , #4760a0, #465a96) repeat scroll 0% 0% transparent;
 	background: linear-gradient(top , #4760a0, #465a96) repeat scroll 0% 0% transparent;
 	color: #f0f0f0 !important;
}

[data-marker-id="jp-bu-highlight-branding-twitter"] {
 	background-color:#19bfe5;
 	border: 1px solid #13a7d1;
 	background: -moz-linear-gradient(top , #19bfe5, #13a7d1) repeat scroll 0% 0% transparent;
 	background: -webkit-linear-gradient(top , #19bfe5, #13a7d1) repeat scroll 0% 0% transparent;
 	background: -o-linear-gradient(top , #19bfe5, #13a7d1) repeat scroll 0% 0% transparent;
 	background: -ms-linear-gradient(top , #19bfe5, #13a7d1) repeat scroll 0% 0% transparent;
 	background: linear-gradient(top , #19bfe5, #13a7d1) repeat scroll 0% 0% transparent;
 	color: #fff !important;
}

[data-marker-id="jp-bu-highlight-branding-twitter"]:hover {
	background-color:#465a96;
 	background: -moz-linear-gradient(top , #19bfe5, #108fb3) repeat scroll 0% 0% transparent;
 	background: -webkit-linear-gradient(top , #19bfe5, #108fb3) repeat scroll 0% 0% transparent;
 	background: -o-linear-gradient(top , #19bfe5, #108fb3) repeat scroll 0% 0% transparent;
 	background: -ms-linear-gradient(top , #19bfe5, #108fb3) repeat scroll 0% 0% transparent;
 	background: linear-gradient(top , #19bfe5, #108fb3) repeat scroll 0% 0% transparent;
 	color: #f0f0f0 !important;
}

[data-marker-id="jp-bu-highlight-branding-googleplus"] {
 	background-color:#d60d0d;
 	border: 1px solid #b30b0b;
 	background: -moz-linear-gradient(top , #d60d0d, #b30b0b) repeat scroll 0% 0% transparent;
 	background: -webkit-linear-gradient(top , #d60d0d, #b30b0b) repeat scroll 0% 0% transparent;
 	background: -o-linear-gradient(top , #d60d0d, #b30b0b) repeat scroll 0% 0% transparent;
 	background: -ms-linear-gradient(top , #d60d0d, #b30b0b) repeat scroll 0% 0% transparent;
 	background: linear-gradient(top , #d60d0d, #b30b0b) repeat scroll 0% 0% transparent;
 	color: #fff !important;
}

[data-marker-id="jp-bu-highlight-branding-googleplus"]:hover {
	background-color:#b30b0b;
 	background: -moz-linear-gradient(top , #b30b0b, #a60a0a) repeat scroll 0% 0% transparent;
 	background: -webkit-linear-gradient(top , #b30b0b, #a60a0a) repeat scroll 0% 0% transparent;
 	background: -o-linear-gradient(top , #b30b0b, #a60a0a) repeat scroll 0% 0% transparent;
 	background: -ms-linear-gradient(top , #b30b0b, #a60a0a) repeat scroll 0% 0% transparent;
 	background: linear-gradient(top , #b30b0b, #a60a0a) repeat scroll 0% 0% transparent;
 	color: #f0f0f0 !important;
}

[data-marker-id="jp-bu-highlight-branding-linkedin"] {
 	background-color:#0084b9;
 	border: 1px solid #0383a6;
 	background: -moz-linear-gradient(top , #04abd9, #0084b9) repeat scroll 0% 0% transparent;
 	background: -webkit-linear-gradient(top , #04abd9, #0084b9) repeat scroll 0% 0% transparent;
 	background: -o-linear-gradient(top , #04abd9, #0084b9) repeat scroll 0% 0% transparent;
 	background: -ms-linear-gradient(top , #04abd9, #0084b9) repeat scroll 0% 0% transparent;
 	background: linear-gradient(top , #04abd9, #0084b9) repeat scroll 0% 0% transparent;
 	color: #fff !important;
}

[data-marker-id="jp-bu-highlight-branding-linkedin"]:hover {
	background-color:#037999;
 	background: -moz-linear-gradient(top , #0084b9, #037999) repeat scroll 0% 0% transparent;
 	background: -webkit-linear-gradient(top , #0084b9, #037999) repeat scroll 0% 0% transparent;
 	background: -o-linear-gradient(top , #0084b9, #037999) repeat scroll 0% 0% transparent;
 	background: -ms-linear-gradient(top , #0084b9, #037999) repeat scroll 0% 0% transparent;
 	background: linear-gradient(top , #0084b9, #037999) repeat scroll 0% 0% transparent;
 	color: #f0f0f0 !important;
}

[data-marker-id="jp-bu-highlight-branding-pinterest"] {
 	background-color:#c41f25;
 	border: 1px solid #a61b1f;
 	background: -moz-linear-gradient(top , #d92329, #c41f25) repeat scroll 0% 0% transparent;
 	background: -webkit-linear-gradient(top , #d92329, #c41f25) repeat scroll 0% 0% transparent;
 	background: -o-linear-gradient(top , #d92329, #c41f25) repeat scroll 0% 0% transparent;
 	background: -ms-linear-gradient(top , #d92329, #c41f25) repeat scroll 0% 0% transparent;
 	background: linear-gradient(top , #d92329, #c41f25) repeat scroll 0% 0% transparent;
 	color: #fff !important;
}

[data-marker-id="jp-bu-highlight-branding-pinterest"]:hover {
	background-color:#a61b1f;
 	background: -moz-linear-gradient(top , #c41f25, #a61b1f) repeat scroll 0% 0% transparent;
 	background: -webkit-linear-gradient(top , #c41f25, #a61b1f) repeat scroll 0% 0% transparent;
 	background: -o-linear-gradient(top , #c41f25, #a61b1f) repeat scroll 0% 0% transparent;
 	background: -ms-linear-gradient(top , #c41f25, #a61b1f) repeat scroll 0% 0% transparent;
 	background: linear-gradient(top , #c41f25, #a61b1f) repeat scroll 0% 0% transparent;
 	color: #f0f0f0 !important;
}

[data-marker-id="jp-bu-highlight-branding-rss"] {
 	background-color:#ed7d0b;
 	border: 1px solid #bf640a;
 	background: -moz-linear-gradient(top , #ff860d, #ed7d0b) repeat scroll 0% 0% transparent;
 	background: -webkit-linear-gradient(top , #ff860d, #ed7d0b) repeat scroll 0% 0% transparent;
 	background: -o-linear-gradient(top , #ff860d, #ed7d0b) repeat scroll 0% 0% transparent;
 	background: -ms-linear-gradient(top , #ff860d, #ed7d0b) repeat scroll 0% 0% transparent;
 	background: linear-gradient(top , #ff860d, #ed7d0b) repeat scroll 0% 0% transparent;
 	color: #fff !important;
}

[data-marker-id="jp-bu-highlight-branding-rss"]:hover {
	background-color:#a61b1f;
 	background: -moz-linear-gradient(top , #ed7d0b, #bf640a) repeat scroll 0% 0% transparent;
 	background: -webkit-linear-gradient(top , #ed7d0b, #bf640a) repeat scroll 0% 0% transparent;
 	background: -o-linear-gradient(top , #ed7d0b, #bf640a) repeat scroll 0% 0% transparent;
 	background: -ms-linear-gradient(top , #ed7d0b, #bf640a) repeat scroll 0% 0% transparent;
 	background: linear-gradient(top , #ed7d0b, #bf640a) repeat scroll 0% 0% transparent;
 	color: #f0f0f0 !important;
}




[data-marker-id="label-none"] {
      border-left: 0px solid transparent !important;
      width: auto !important;
}

[data-marker-id="label-clear"] {
      border-left: 4px solid transparent !important;
      width: auto !important;
}

[data-marker-id="label-black"] {
     border-left: 4px solid #000 !important;
      width: auto !important;
}
[data-marker-id="label-white"] {
     border-left: 4px solid #fff  !important;
      width: auto !important;
}
[data-marker-id="label-silver"] {
      border-left: 4px solid #C0C0C0 !important;
      width: auto !important;
}
[data-marker-id="label-blue"] {
      border-left: 4px solid #0000ff !important;
      width: auto !important;
}
[data-marker-id="label-green"] {
     border-left: 4px solid #32CD32  !important;
      width: auto !important;
}
[data-marker-id="label-red"] {
     border-left: 4px solid #ff0000 !important;
     width: auto !important;
}
[data-marker-id="label-aqua"] {
     border-left: 4px solid #00FFFF  !important;
      width: auto !important;
}
[data-marker-id="label-orange"] {
     border-left: 4px solid #FFA500 !important;
      width: auto !important;
}
[data-marker-id="label-gold"] {
     border-left: 4px solid #FFD700  !important;
      width: auto !important;
}
[data-marker-id="label-fuchsia"] {
     border-left: 4px solid #FF00FF  !important;
      width: auto !important;
}



/*
*
* 3.  Types of labels, tages, badges
*  
*/


/* label for show more or less content */


[data-label-type="label::action::truncate"] {
            display: block;
            background: #ffffff;
            text-align: center;
            padding: 0.75em;
            text-transform: uppercase;
            color: #1E88E5;
            font-size: 80%;
            border-top: 1px solid #ddd;
}

[data-label-type="label::action::truncate"]:hover {
            color: #ff0000;
            border-top: 1px solid #1E88E5;
}



/*  Standalone permanent ID or attribute  label  */ 

[data-label-type="label::badge"] {
      color: #000; 
      background: #eee;
      padding: 0.15em 0.5em 0.15em 0.5em;
      margin: 0.15em;
      margin-left: 0;
      margin-bottom: 0;

      white-space: nowrap;         
      line-height: 1.5em; 
     
     white-space: nowrap;      
     border: 1px solid #ddd;
     border-radius: 2px; 
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;

}

[data-label-type="label::badge"]:hover {

}

/*  Standalone removable  tag or hashtag  */ 

[data-label-type="label::tag"] {

}
[data-label-type="label::tag"]:hover {

}


/*  Standalone removable applied filter  */ 

[data-label-type="label::filter"] {

}

/*  Standalone summary indicator or counter  */ 


[data-label-type="label::gauge"],
[data-label-type="label::gauge"] span{
 	background: #9E9E9E !important;
 	color: #ffffff !important;
        font-weight: 600;
}

a[data-label-type="label::gauge"]:hover,
a[data-label-type="label::gauge"]:hover span{
         background: #fff !important;
   	 color: #c04040 !important;
  }


/*  Standalone tree nodes indicator for the breadcrumb navigation*/ 

[data-label-type="label::gauge::bnw-active"] {
 	background: #fff !important;
 	color: #ff0000 !important;
        font-weight: 600;
        border: 1px dotted #000 !important;
}


/*  Standalone JPM number of messages indicator */ 

[data-label-type="label::gauge::jpm-active"],
[data-label-type="label::gauge::jpm-active"] span {
       background: #fff !important;
       color: #ff1500 !important;
       cursor:text;
}


[data-label-type="label::gauge::jpm-alert"],
[data-label-type="label::gauge::jpm-alert"] span {
 	background: #e64646 !important;
 	background: -moz-linear-gradient(top , #e64646, #c04040) repeat scroll 0% 0% transparent !important;
 	background: -webkit-linear-gradient(top , #e64646, #c04040) repeat scroll 0% 0% transparent !important;
 	background: -o-linear-gradient(top , #e64646, #c04040) repeat scroll 0% 0% transparent !important;
 	background: -ms-linear-gradient(top , #e64646, #c04040) repeat scroll 0% 0% transparent !important;
 	background: linear-gradient(top , #e64646, #c04040) repeat scroll 0% 0% transparent !important;
 	/* border: 1px solid #c03939 !important; */
 	color: #fff !important;
}

[data-label-type="label::gauge::jpm-alert"]:hover,
[data-label-type="label::gauge::jpm-alert"]:hover span,
span[data-label-type="label::gauge::jpm-alert"]:hover{
         background: #fff !important;
   	 color: #c04040 !important;
}


/*  Standalone  basic content counter ID  */ 

[data-label-type="label::counter"] {
	font-weight: normal;
	color: #000 !important;
	text-align: center;
  	line-height: 1.5em;
  	padding: 0 0.5em !important;
        text-transform: uppercase; 
        border: 2px solid #fff;

      -webkit-border-radius: 12px; 
      -moz-border-radius: 12px; 
       border-radius: 12px; 
      -webkit-background-clip: padding-box; 
      -moz-background-clip:    padding; 
      background-clip:         padding-box;

        box-shadow: #eee 2px 1px 1px;
       -webkit-box-shadow: #eee 2px 0px 1px;
       -moz-box-shadow: #eee 2px 0px 1px;
        background: #eee;
}

[data-label-type="label::counter"]:hover {
        box-shadow: #666 2px 1px 1px;
       -webkit-box-shadow: #666 2px 0px 1px;
       -moz-box-shadow: #666 2px 0px 1px;
}

/*  Standalone content status ID  */ 

[data-label-type="label::status::location"] {
 	background: transparent;
 	color: #000 !important;
        font-weight: 600;
        
}

/*  JPM and availability color status indicators */ 

[data-label-type="label::status::jpm::brb"] {         
         border-radius: 50%;
	 width: 1.2em !important;
	 height: 1.2em !important;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%; 
         border-radius: 50%; 
        -webkit-background-clip: padding-box; 
        -moz-background-clip:    padding; 
         background-clip:         padding-box;  
         background: #FFFF99;
         border: 1px solid #FFBF00 !important;
         box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);

}

[data-label-type="label::status::jpm::dnd"] {         
         border-radius: 50%;
	 width: 1.2em !important;
	 height: 1.2em !important;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%; 
         border-radius: 50%; 
        -webkit-background-clip: padding-box; 
        -moz-background-clip:    padding; 
         background-clip:         padding-box;  
         background: #FE2E2E;
         border: 1px solid #8A0808 !important;
         box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);

}
[data-label-type="label::status::jpm::unavailable"] {         
	 width: 1.2em !important;
	 height: 1.2em !important;
         border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%; 
         border-radius: 50%; 
        -webkit-background-clip: padding-box; 
        -moz-background-clip:    padding; 
         background-clip:         padding-box;  
 
        background: #848484;
        border: 1px solid #424242 !important;
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);

}

[data-label-type="label::status::jpm::available"] {         
	 width: 1.2em !important;
	 height: 1.2em !important;
        -webkit-background-clip: padding-box; 
        -moz-background-clip:    padding; 
         background-clip:         padding-box;  
 
        background: #90EE90;
        border: 1px solid #008000 !important;

        border-radius: 50% !important;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
   
}

[data-label-type="label::status"] {
        font-size: 100% !important;
 
     
       /* border-radius: 999px;
 
        text-shadow:0 1px 1px rgba(0,0,0,0.2);
 
          padding: 0.25em;
         padding-left:0.5em;
         padding-right:0.5em;
 
 
      -webkit-border-radius: 12px; 
      -moz-border-radius: 12px; 
       border-radius: 12px; 
      -webkit-background-clip: padding-box; 
      -moz-background-clip:    padding; 
      background-clip:         padding-box;
  
        background: #fff !important;
        
       -webkit-box-shadow: inset 1px 1px 2px 0px #333 !important;
        -moz-box-shadow: inset 1px 1px 2px 0px #333 !important;
        box-shadow: inset 1px 1px 2px 0px #333 !important;
        text-shadow:0 1px 1px rgba(0,0,0,0.4); */
 -webkit-border-radius: 12px; 
      -moz-border-radius: 12px; 
       border-radius: 12px; 
      -webkit-background-clip: padding-box; 
      -moz-background-clip:    padding; 
      background-clip:         padding-box;
}

/*  Form  embedded removable input value   */ 



/*  Star rating  and feedback status  */ 

[data-label-type="label::rating"] {

} 
 
 

/*
* Special  application logo marker layout enabler
*  
*/



/* Data hooks for form controls and layouts 

[data-io-layout="workflow-form-section"] {background: #fff; border: 1px solid #eee;}
[data-io-status=""]
[data-io-state=""]
[data-io-control=""]
[data-io-layout="grid | row | rowgroup | rowheader | cell | column | columnheader"]
[data-io-layout="grid"]
[data-io-layout="row"]
[data-io-layout="rowgroup"]
[data-io-layout="rowheader]
[data-io-layout="cell"]
[data-io-layout="column"]
[data-io-layout="columnheader"]
[data-io-layout="array"] /* for mixed elemetns which should NOT break */


*/


[data-io-type-toggle="enabled::disabled"]  .jp-wfl-io-toggle .jp-bu  {
        right: 5em;
}
[data-io-type-toggle="enabled::disabled"]  .jp-wfl-io-toggle  {
      width: 6.5em !important;
}
[data-io-type-toggle="enabled::disabled"]  .jp-bu-label:before  {
      content: "Enabled" !important;
}
[data-io-type-toggle="enabled::disabled"]  .jp-bu-label:after  {
      content: "Disabled" !important;
}


[data-io-type-toggle="show::hide"]  .jp-wfl-io-toggle  {
      width: 5em !important;
}

[data-io-type-toggle="show::hide"]  .jp-wfl-io-toggle .jp-bu  {
        right: 3.5em;
}
[data-io-type-toggle="show::hide"]  .jp-bu-label:before  {
      content: "Show";
}
[data-io-type-toggle="show::hide"]  .jp-bu-label:after  {
      content: "Hide";
}




/*
*  WIDGETS MANAGEMENT
* 
*  
*/



[data-widget-draggable="true"] {
   cursor:move;
}
[data-widget-draggable="true"]:hover {
   border: 1px dashed #333 !important;  
}
[data-widget-port="true"] {
   padding-bottom: 8% !important;
   border: none;
}
[data-widget-port="true"]:hover { 
   background: #ffffff;
   background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #d8d8d8 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(100%,  #d8d8d8));
   background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #d8d8d8  100%);
   background: -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #d8d8d8 100%);
   background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 50%, #d8d8d8 100%);
   background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d8d8d8 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8', GradientType=0 );
}





/* 1.  WIDGET TYPE :: INSIGHTS :: DEFAULT  THEME */




[data-viewport-highlight="widget::kpi::bsi::default"] {
	border-right: 1px solid #ddd !important;
	border-bottom: 1px solid #ddd !important;
}

[data-viewport-highlight="widget::kpi::bsi::default"] dt dfn {
	font-size: 85%;
	padding: 1.5%;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	font-style: normal;
	display: block;
	text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
}

[data-viewport-highlight="widget::kpi::bsi::default"] dd var {
	display: block;
	font-size: 180%;
	padding: 2%;
	margin: 0.25em;
	font-weight: normal;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;


}
[data-viewport-highlight="widget::kpi::bsi::default"] dd  em {
	font-size: 80%;
	padding: 1.5%;
	line-height:  2.5em;
	font-weight: normal;
	font-style: normal;
}

[data-viewport-highlight="widget::kpi::bsi::default"] {
		background: #fff;
		border-right: 1px solid #ddd;
}


[data-viewport-highlight="widget::kpi::bsi::default"]  svg.jp-chart-type-sparkline path {
	fill: none;
	stroke: #1b8dff;
	stroke-width: 0.5px;
}
[data-viewport-highlight="widget::kpi::bsi::default"]	svg.jp-chart-type-sparkline circle {
	fill: #f00;
	stroke: none;
}
		
		







/* 2. WIDGET TYPE ::  ROSTER :: DEFAULT  THEME */


[data-viewport-highlight="widget::items::roster"] {
     	background: #fff;
     	border-bottom: 1px solid  #ddd;
}
[data-viewport-highlight="widget::items::roster"] li {
    	border-bottom: 1px solid #f0f0f0;
}

[data-viewport-highlight="widget::items::roster"] li:hover {
    	background: #fafafa;
        box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.3) !important;
        border-bottom: 1px solid #ddd;
}




 

 
















































/* 2. WIDGET INSIGHTS :: DEFAULT  THEME */

[data-viewport-highlight="widget::items::report"] {
     	background: #f8f8f8;
}

[data-viewport-highlight="widget::items::report"] div.jp-wfl-ip-track {
     	background: #1b8dff !important;
}
[data-viewport-highlight="widget::items::report"] div.jp-chart-type-bar {
       color: #1b8dff;
       font-size: 90%;
}


[data-viewport-highlight="widget::items::insights"] {
     	background: #fff;
}

[data-viewport-highlight="widget::items::insights"] div.jp-wfl-ip-track {
     	background: #1b8dff !important;
}
[data-viewport-highlight="widget::items::insights"] div.jp-chart-type-bar {
       color: #1b8dff;
       font-size: 90%;
}


[data-widget-format="data::insights::sparkle"] .jp-nav-deck-body {min-height: 0em !important;}
[data-widget-format="data::insights::sparkle"] .jp-nav-drop .jp-nav-dock-pull-left {
	background: #e6e6e6 !important; border-bottom: 1px solid #95a5a6;
	background: -moz-linear-gradient(left , #fff, #e6e6e6) repeat scroll 0% 0% transparent !important;
	background: -webkit-linear-gradient(left , #fff, #e6e6e6) repeat scroll 0% 0% transparent !important;
	background: -o-linear-gradient(left , #fff, #e6e6e6) repeat scroll 0% 0% transparent !important;
	background: -ms-linear-gradient(left , #fff, #e6e6e6) repeat scroll 0% 0% transparent !important;
	background: linear-gradient(left , #fff, #e6e6e6) repeat scroll 0% 0% transparent !important;

}

[data-widget-format="data::insights::sparkle"] .jp-nav-deck-header a.jp-nav-prepend {width: 100% !important; height: 3.5em; line-height: 3.5em;}






/* Color table */

[data-rtf-color="0,0,0"] a,
[data-rtf-color="0,0,0"] button			{background-color: rgb(0,0,0) !important;}

[data-rtf-color="0,0,0"] button:hover		{background-color: rgb(0,0,0) !important; border: 1px solid #fff !important;}

button[data-rtf-color="0,0,0"]			{background-color: rgb(0,0,0) !important; color: #ffffff;}
button[data-rtf-color="0,0,0"]:hover		{border: 1px solid #fff !important;}

[data-rtf-color="68,68,68"] a,
[data-rtf-color="68,68,68"] button		{background-color: rgb(68,68,68) !important;}
[data-rtf-color="68,68,68"] button:hover	{background-color: rgb(68,68,68) !important; border: 1px solid #fff !important;}
[data-rtf-color="102,102,102"] a,
[data-rtf-color="102,102,102"] button 		{background-color: rgb(102,102,102) !important;}
[data-rtf-color="102,102,102"] button:hover 	{background-color: rgb(102,102,102) !important; border: 1px solid #fff !important;}
[data-rtf-color="153,153,153"] a,
[data-rtf-color="153,153,153"] button 		{background-color: rgb(153,153,153) !important;}
[data-rtf-color="153,153,153"] button:hover 	{background-color: rgb(153,153,153) !important; border: 1px solid #fff !important;}
[data-rtf-color="204,204,204"] a,
[data-rtf-color="204,204,204"] button 		{background-color: rgb(204,204,204) !important;}
[data-rtf-color="204,204,204"] button:hover 	{background-color: rgb(204,204,204) !important; border: 1px solid #fff !important;}
[data-rtf-color="238,238,238"] a,
[data-rtf-color="238,238,238"] button 		{background-color: rgb(238,238,238) !important;}
[data-rtf-color="238,238,238"] button:hover 	{background-color: rgb(238,238,238) !important; border: 1px solid #fff !important;}
[data-rtf-color="243,243,243"] a,
[data-rtf-color="243,243,243"] button 		{background-color: rgb(243,243,243) !important;}
[data-rtf-color="243,243,243"] button:hover 	{background-color: rgb(243,243,243) !important; border: 1px solid #fff !important;}
[data-rtf-color="255,255,255"] a,
[data-rtf-color="255,255,255"] button		{background-color: rgb(255,255,255) !important;}
[data-rtf-color="255,255,255"] button:hover	{background-color: rgb(255,255,255) !important; border: 1px solid #fff !important;}

[data-rtf-color="255,0,0"] a,
[data-rtf-color="255,0,0"] button		{background-color: rgb(255,0,0) !important;}
[data-rtf-color="255,0,0"] button:hover		{background-color: rgb(255,0,0) !important; border: 1px solid #fff !important;}
[data-rtf-color="255,127,0"] a,
[data-rtf-color="255,127,0"] button 		{background-color: rgb(255,127,0) !important;}
[data-rtf-color="255,127,0"] button:hover 	{background-color: rgb(255,127,0) !important; border: 1px solid #fff !important;}
[data-rtf-color="255,255,0"] a,
[data-rtf-color="255,255,0"] button		{background-color: rgb(255,255,0) !important;}
[data-rtf-color="255,255,0"] button:hover	{background-color: rgb(255,255,0) !important; border: 1px solid #fff !important;}
[data-rtf-color="0,255,0"] a,
[data-rtf-color="0,255,0"] button       	{background-color: rgb(0,255,0) !important;}
[data-rtf-color="0,255,0"] button:hover       	{background-color: rgb(0,255,0) !important; border: 1px solid #fff !important;}
[data-rtf-color="0,255,255"] a,
[data-rtf-color="0,255,255"] button     	{background-color: rgb(0,255,255) !important;}
[data-rtf-color="0,255,255"] button:hover     	{background-color: rgb(0,255,255) !important; border: 1px solid #fff !important;}
[data-rtf-color="0,0,255"] a,
[data-rtf-color="0,0,255"] button       	{background-color: rgb(0,0,255) !important;}
[data-rtf-color="0,0,255"] button:hover       	{background-color: rgb(0,0,255) !important; border: 1px solid #fff !important;}
[data-rtf-color="170,0,255"] a,
[data-rtf-color="170,0,255"] button     	{background-color: rgb(170,0,255) !important;}
[data-rtf-color="170,0,255"] button:hover     	{background-color: rgb(170,0,255) !important; border: 1px solid #fff !important;}
[data-rtf-color="255,0,255"] a,
[data-rtf-color="255,0,255"] button		{background-color: rgb(255,0,255) !important;}
[data-rtf-color="255,0,255"] button:hover	{background-color: rgb(255,0,255) !important; border: 1px solid #fff !important;}

[data-rtf-color="229,192,192"] a,
[data-rtf-color="229,192,192"] button		{background-color: rgb(229,192,192) !important;}
[data-rtf-color="229,192,192"] button:hover	{background-color: rgb(229,192,192) !important; border: 1px solid #fff !important;}
[data-rtf-color="229,208,192"] a,
[data-rtf-color="229,208,192"] button		{background-color: rgb(229,208,192) !important;}
[data-rtf-color="229,208,192"] button:hover	{background-color: rgb(229,208,192) !important; border: 1px solid #fff !important;}
[data-rtf-color="229,229,192"] a,
[data-rtf-color="229,229,192"] button		{background-color: rgb(229,229,192) !important;}
[data-rtf-color="229,229,192"] button:hover	{background-color: rgb(229,229,192) !important; border: 1px solid #fff !important;}
[data-rtf-color="192,229,192"] a,
[data-rtf-color="192,229,192"] button		{background-color: rgb(192,229,192) !important;}
[data-rtf-color="192,229,192"] button:hover	{background-color: rgb(192,229,192) !important; border: 1px solid #fff !important;}
[data-rtf-color="192,229,229"] a,
[data-rtf-color="192,229,229"] button		{background-color: rgb(192,229,229) !important;}
[data-rtf-color="192,229,229"] button:hover	{background-color: rgb(192,229,229) !important; border: 1px solid #fff !important;}
[data-rtf-color="192,192,229"] a,
[data-rtf-color="192,192,229"] button		{background-color: rgb(192,192,229) !important;}
[data-rtf-color="192,192,229"] button:hover	{background-color: rgb(192,192,229) !important; border: 1px solid #fff !important;}
[data-rtf-color="208,192,229"] a,
[data-rtf-color="208,192,229"] button		{background-color: rgb(208,192,229) !important;}
[data-rtf-color="208,192,229"] button:hover	{background-color: rgb(208,192,229) !important; border: 1px solid #fff !important;}
[data-rtf-color="229,192,208"] a,
[data-rtf-color="229,192,208"] button		{background-color: rgb(229,192,208) !important;}
[data-rtf-color="229,192,208"] button:hover	{background-color: rgb(229,192,208) !important; border: 1px solid #fff !important;}

[data-rtf-color="229,144,144"] a,
[data-rtf-color="229,144,144"] button		{background-color: rgb(229,144,144) !important;}
[data-rtf-color="229,144,144"] button:hover	{background-color: rgb(229,144,144) !important; border: 1px solid #fff !important;}
[data-rtf-color="229,192,144"] a,
[data-rtf-color="229,192,144"] button		{background-color: rgb(229,192,144) !important;}
[data-rtf-color="229,192,144"] button:hover	{background-color: rgb(229,192,144) !important; border: 1px solid #fff !important;}
[data-rtf-color="229,229,144"] a,
[data-rtf-color="229,229,144"] button		{background-color: rgb(229,229,144) !important;}
[data-rtf-color="229,229,144"] button:hover	{background-color: rgb(229,229,144) !important; border: 1px solid #fff !important;}
[data-rtf-color="144,229,144"] a,
[data-rtf-color="144,229,144"] button		{background-color: rgb(144,229,144) !important;}
[data-rtf-color="144,229,144"] button:hover	{background-color: rgb(144,229,144) !important; border: 1px solid #fff !important;}
[data-rtf-color="144,229,229"] a,
[data-rtf-color="144,229,229"] button		{background-color: rgb(144,229,229) !important;}
[data-rtf-color="144,229,229"] button:hover	{background-color: rgb(144,229,229) !important; border: 1px solid #fff !important;}
[data-rtf-color="144,192,229"] a,
[data-rtf-color="144,192,229"] button		{background-color: rgb(144,192,229) !important;}
[data-rtf-color="144,192,229"] button:hover	{background-color: rgb(144,192,229) !important; border: 1px solid #fff !important;}
[data-rtf-color="192,144,229"] a,
[data-rtf-color="192,144,229"] button		{background-color: rgb(192,144,229) !important;}
[data-rtf-color="192,144,229"] button:hover	{background-color: rgb(192,144,229) !important; border: 1px solid #fff !important;}
[data-rtf-color="229,144,192"] a,
[data-rtf-color="229,144,192"] button		{background-color: rgb(229,144,192) !important;}
[data-rtf-color="229,144,192"] button:hover	{background-color: rgb(229,144,192) !important; border: 1px solid #fff !important;}

[data-rtf-color="229,92,92"] a,
[data-rtf-color="229,92,92"] button		{background-color: rgb(229,92,92) !important;}
[data-rtf-color="229,92,92"] button:hover	{background-color: rgb(229,92,92) !important; border: 1px solid #fff !important;}
[data-rtf-color="229,160,92"] a,
[data-rtf-color="229,160,92"] button 		{background-color: rgb(229,160,92) !important;}
[data-rtf-color="229,160,92"] button:hover 	{background-color: rgb(229,160,92) !important; border: 1px solid #fff !important;}
[data-rtf-color="229,229,92"] a,
[data-rtf-color="229,229,92"] button		{background-color: rgb(229,229,92) !important;}
[data-rtf-color="229,229,92"] button:hover	{background-color: rgb(229,229,92) !important; border: 1px solid #fff !important;}
[data-rtf-color="160,229,92"] a,
[data-rtf-color="160,229,92"] button		{background-color: rgb(92,229,92) !important;}
[data-rtf-color="160,229,92"] button:hover	{background-color: rgb(92,229,92) !important; border: 1px solid #fff !important;}
[data-rtf-color="92,229,229"] a,
[data-rtf-color="92,229,229"] button		{background-color: rgb(92,229,229) !important;}
[data-rtf-color="92,229,229"] button:hover	{background-color: rgb(92,229,229) !important; border: 1px solid #fff !important;}
[data-rtf-color="92,160,229"] a,
[data-rtf-color="92,160,229"] button		{background-color: rgb(92,160,229) !important;}
[data-rtf-color="92,160,229"] button:hover	{background-color: rgb(92,160,229) !important; border: 1px solid #fff !important;}
[data-rtf-color="160,92,229"] a,
[data-rtf-color="160,92,229"] button		{background-color: rgb(160,92,229) !important;}
[data-rtf-color="160,92,229"] button:hover	{background-color: rgb(160,92,229) !important; border: 1px solid #fff !important;}
[data-rtf-color="229,92,160"] a,
[data-rtf-color="229,92,160"] button		{background-color: rgb(229,92,160) !important;}
[data-rtf-color="229,92,160"] button:hover	{background-color: rgb(229,92,160) !important; border: 1px solid #fff !important;}

[data-rtf-color="204,0,0"] a,
[data-rtf-color="204,0,0"] button		{background-color: rgb(204,0,0) !important;}
[data-rtf-color="204,0,0"] button:hover		{background-color: rgb(204,0,0) !important; border: 1px solid #fff !important;}
[data-rtf-color="204,102,0"] a,
[data-rtf-color="204,102,0"] button		{background-color: rgb(204,102,0) !important;}
[data-rtf-color="204,102,0"] button:hover	{background-color: rgb(204,102,0) !important; border: 1px solid #fff !important;}
[data-rtf-color="204,204,0"] a,
[data-rtf-color="204,204,0"] button		{background-color: rgb(204,204,0) !important;}
[data-rtf-color="204,204,0"] button:hover	{background-color: rgb(204,204,0) !important; border: 1px solid #fff !important;}
[data-rtf-color="0,204,0"] a,
[data-rtf-color="0,204,0"] button		{background-color: rgb(0,204,0) !important;}
[data-rtf-color="0,204,0"] button:hover		{background-color: rgb(0,204,0) !important; border: 1px solid #fff !important;}
[data-rtf-color="0,204,204"] a,
[data-rtf-color="0,204,204"] button		{background-color: rgb(0,204,204) !important;}
[data-rtf-color="0,204,204"] button:hover	{background-color: rgb(0,204,204) !important; border: 1px solid #fff !important;}
[data-rtf-color="0,102,204"] a,
[data-rtf-color="0,102,204"] button		{background-color: rgb(0,102,204) !important;}
[data-rtf-color="0,102,204"] button:hover	{background-color: rgb(0,102,204) !important; border: 1px solid #fff !important;}
[data-rtf-color="68,0,204"] a,
[data-rtf-color="68,0,204"] button		{background-color: rgb(68,0,204) !important;}
[data-rtf-color="68,0,204"] button:hover	{background-color: rgb(68,0,204) !important; border: 1px solid #fff !important;}
[data-rtf-color="204,0,102"] a,
[data-rtf-color="204,0,102"] button		{background-color: rgb(204,0,102) !important;}
[data-rtf-color="204,0,102"] button:hover	{background-color: rgb(204,0,102) !important; border: 1px solid #fff !important;}

[data-rtf-color="153,0,0"] a,
[data-rtf-color="153,0,0"] button		{background-color: rgb(153,0,0) !important;}
[data-rtf-color="153,0,0"] button:hover		{background-color: rgb(153,0,0) !important; border: 1px solid #fff !important;}
[data-rtf-color="153,80,48"] a,
[data-rtf-color="153,80,48"] button 		{background-color: rgb(153,80,48) !important;}
[data-rtf-color="153,80,48"] button:hover	{background-color: rgb(153,80,48) !important; border: 1px solid #fff !important;}
[data-rtf-color="153,153,0"] a,
[data-rtf-color="153,153,0"] button		{background-color: rgb(153,153,0) !important;}
[data-rtf-color="153,153,0"] button:hover	{background-color: rgb(153,153,0) !important; border: 1px solid #fff !important;}
[data-rtf-color="0,153,0"] a,
[data-rtf-color="0,153,0"] button		{background-color: rgb(0,153,0) !important;}
[data-rtf-color="0,153,0"] button:hover		{background-color: rgb(0,153,0) !important; border: 1px solid #fff !important;}
[data-rtf-color="0,153,153"] a,
[data-rtf-color="0,153,153"] button		{background-color: rgb(0,153,153) !important;}
[data-rtf-color="0,153,153"] button:hover	{background-color: rgb(0,153,153) !important; border: 1px solid #fff !important;}
[data-rtf-color="0,0,153"] a,
[data-rtf-color="0,0,153"] button		{background-color: rgb(0,0,153) !important;}
[data-rtf-color="0,0,153"] button:hover		{background-color: rgb(0,0,153) !important; border: 1px solid #fff !important;}
[data-rtf-color="80,0,153"] a,
[data-rtf-color="80,0,153"] button		{background-color: rgb(80,0,153) !important;}
[data-rtf-color="80,0,153"] button:hover	{background-color: rgb(80,0,153) !important; border: 1px solid #fff !important;}
[data-rtf-color="153,0,80"] a,
[data-rtf-color="153,0,80"] button		{background-color: rgb(153,0,80) !important;}
[data-rtf-color="153,0,80"] button:hover	{background-color: rgb(153,0,80) !important; border: 1px solid #fff !important;}

[data-rtf-color="102,0,0"] a,
[data-rtf-color="102,0,0"] button		{background-color: rgb(102,0,0) !important;}
[data-rtf-color="102,0,0"] button:hover		{background-color: rgb(102,0,0) !important; border: 1px solid #fff !important;}
[data-rtf-color="102,51,0"] a,
[data-rtf-color="102,51,0"] button		{background-color: rgb(102,51,0) !important;}
[data-rtf-color="102,51,0"] button:hover	{background-color: rgb(102,51,0) !important; border: 1px solid #fff !important;}
[data-rtf-color="102,102,0"] a,
[data-rtf-color="102,102,0"] button		{background-color: rgb(102,102,0) !important;}
[data-rtf-color="102,102,0"] button:hover	{background-color: rgb(102,102,0) !important; border: 1px solid #fff !important;}
[data-rtf-color="0,102,0"] a,
[data-rtf-color="0,102,0"] button		{background-color: rgb(0,102,0) !important;}
[data-rtf-color="0,102,0"] button:hover		{background-color: rgb(0,102,0) !important; border: 1px solid #fff !important;}
[data-rtf-color="0,102,102"] a,
[data-rtf-color="0,102,102"] button		{background-color: rgb(0,102,102) !important;}
[data-rtf-color="0,102,102"] button:hover	{background-color: rgb(0,102,102) !important; border: 1px solid #fff !important;}
[data-rtf-color="0,0,102"] a,
[data-rtf-color="0,0,102"] button		{background-color: rgb(0,0,102) !important;}
[data-rtf-color="0,0,102"] button:hover		{background-color: rgb(0,0,102) !important; border: 1px solid #fff !important;}
[data-rtf-color="32,0,102"] a,
[data-rtf-color="32,0,102"] button		{background-color: rgb(32,0,102) !important;}
[data-rtf-color="32,0,102"] button:hover	{background-color: rgb(32,0,102) !important; border: 1px solid #fff !important;}
[data-rtf-color="102,0,102"] a,
[data-rtf-color="102,0,102"] button		{background-color: rgb(102,0,102) !important;}
[data-rtf-color="102,0,102"] button:hover	{background-color: rgb(102,0,102) !important; border: 1px solid #fff !important;}

/* FONTS */

[data-rtf-font="Sans Serif"]	{font-family: 'sans serif' ;}
[data-rtf-font="Serif"]		{font-family: 'serif' ;}
[data-rtf-font="Arial"]		{font-family: 'Arial' ;}
[data-rtf-font="Tachoma"]	{font-family: 'Tachoma' ;}
[data-rtf-font="Verdana"]	{font-family: 'Verdana' ;}
[data-rtf-font="Courier New"]	{font-family: 'Courier new' ;}
[data-rtf-font="Comic Sans MS"]	{font-family: 'Comic Sans MS' ;}
[data-rtf-font="Tiems"]		{font-family: 'Times' ;}

/* SIZE */

[data-rtf-size="mini"]		{font-size: .8em;}
[data-rtf-size="small"]		{font-size: .9em;}
[data-rtf-size="normal"]	{font-size: 1em;}
[data-rtf-size="large"]		{font-size: 1.2em;}
[data-rtf-size="xlarge"]	{font-size: 1.4em;}

[data-rtf-size="10px"]	 	{font-size: 10px;}
[data-rtf-size="11px"]	 	{font-size: 11px;}
[data-rtf-size="12px"]	 	{font-size: 12px;}
[data-rtf-size="14px"]	 	{font-size: 14px;}
[data-rtf-size="16px"]	 	{font-size: 16px;}
[data-rtf-size="18px"]	 	{font-size: 18px;}
[data-rtf-size="20px"]	 	{font-size: 20px;}
[data-rtf-size="22px"]	 	{font-size: 22px;}
[data-rtf-size="24px"]	 	{font-size: 24px;}
[data-rtf-size="28px"]	 	{font-size: 28px;}
[data-rtf-size="32px"]	 	{font-size: 32px;}
[data-rtf-size="36px"]	 	{font-size: 36px;}
[data-rtf-size="48px"]	 	{font-size: 48px;}
[data-rtf-size="72px"]	 	{font-size: 72px;}



/* WIDGET OPTIONS LAYOUT */
[data-widget-priority="1"] {z-index: 1 !important;}
[data-widget-priority="2"] {z-index: 2 !important;}


/* GRADEBAR AND LOADERS */


[data-ip-theme="timeline::black"] {margin-top: 2.5em !important;}
[data-ip-theme="timeline::black"] .jp-wfl-ip-badge {background: #000 !important; color:  #fff !important; border: 2px solid #fff;}
[data-ip-theme="timeline::black"] .jp-wfl-ip-label, jp-wfl-ip-push-top-left {border-left: 1px solid #000; color: #000 !important;}
[data-ip-theme="timeline::black"] .jp-wfl-ip-track  {background: #000 !important;}
[data-ip-theme="timeline::black"] .jp-wfl-ip-bar-type-timeline-pull-vertical  span.jp-wfl-ip-label {border-left: none !important;}
[data-ip-theme="timeline::black"] .jp-wfl-ip-bar-type-timeline-pull-vertical div.jp-wfl-ip-track  {border-left: 2px solid #000;}

[data-ip-theme="timeline::primary"] {margin-top: 2.5em !important;}
[data-ip-theme="timeline::primary"] .jp-wfl-ip-badge {background: #0044cc !important; color:  #fff !important; border: 2px solid #fff;}
[data-ip-theme="timeline::primary"] .jp-wfl-ip-label, jp-wfl-ip-push-top-left {border-left: 1px solid #0044cc; color: #000 !important;}
[data-ip-theme="timeline::primary"] .jp-wfl-ip-track  {background: #0044cc !important;}
[data-ip-theme="timeline::primary"] .jp-wfl-ip-bar-type-timeline-pull-vertical  span.jp-wfl-ip-label {border-left: none !important;}
[data-ip-theme="timeline::primary"] .jp-wfl-ip-bar-type-timeline-pull-vertical div.jp-wfl-ip-track  {border-left: 2px solid #000;}

/* normal operations */

[data-marker-id="loading::bar::progress"] .jp-wfl-ip-track {
 	background: #1b8dff  !important;
 	color: #fff !important;
}


/* HIGHLIGHT GRADEBAR THEME */

.jp-wfl-ip [data-marker-id="highlight-theme"],
.jp-wfl-ip [data-marker-id="highlight-theme"]:hover {            
 	 background: #eee;
 	 background: -moz-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent !important;
 	 background: -webkit-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent !important;
 	 background: -o-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent !important;
 	 background: -ms-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent !important;
 	 background: linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent !important;
 	 color: #000;
}

.jp-wfl-ip-track[data-marker-id="highlight-theme"],
.jp-wfl-ip-track[data-marker-id="highlight-theme"]:hover,
.jp-wfl-ip [data-marker-id="highlight-theme"] .jp-wfl-ip-track,
.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-marker-id="highlight-theme"] .jp-wfl-ip-badge {            
 	 background: #c0c0c0;
 	 background: -moz-linear-gradient(top , #eee, #c0c0c0) repeat scroll 0% 0% transparent !important;
 	 background: -webkit-linear-gradient(top , #eee, #c0c0c0) repeat scroll 0% 0% transparent !important;
 	 background: -o-linear-gradient(top , #eee, #c0c0c0) repeat scroll 0% 0% transparent !important;
 	 background: -ms-linear-gradient(top , #eee, #c0c0c0) repeat scroll 0% 0% transparent !important;
 	 background: linear-gradient(top , #eee, #c0c0c0) repeat scroll 0% 0% transparent !important;
 	 color: #000;
}

.jp-wfl-ip [data-marker-id="highlight-primary"],
.jp-wfl-ip [data-marker-id="highlight-primary"]:hover {            
 	background: #0077ee  !important;
 	background: -moz-linear-gradient(top , #0077ee, #0066cc) repeat scroll 0% 0% transparent  !important;
 	background: -webkit-linear-gradient(top , #0077ee, #0066cc) repeat scroll 0% 0% transparent !important;
 	background: -o-linear-gradient(top , #0077ee, #0066cc) repeat scroll 0% 0% transparent  !important;
 	background: -ms-linear-gradient(top , #0077ee, #0066cc) repeat scroll 0% 0% transparent  !important;
 	background: linear-gradient(top , #0077ee, #0066cc) repeat scroll 0% 0% transparent  !important;
 	color: #fff !important;
}

[data-marker-id="highlight-primary"] .jp-wfl-ip-label {
 	color: #000;
}


.jp-wfl-ip [data-marker-id="highlight-alert"],
.jp-wfl-ip [data-marker-id="highlight-alert"]:hover {            
 	background: #e64646 !important;
 	background: -moz-linear-gradient(top , #e64646, #c04040) repeat scroll 0% 0% transparent !important;
 	background: -webkit-linear-gradient(top , #e64646, #c04040) repeat scroll 0% 0% transparent !important;
 	background: -o-linear-gradient(top , #e64646, #c04040) repeat scroll 0% 0% transparent !important;
 	background: -ms-linear-gradient(top , #e64646, #c04040) repeat scroll 0% 0% transparent !important;
 	background: linear-gradient(top , #e64646, #c04040) repeat scroll 0% 0% transparent !important;
 	color: #fff !important;
}

[data-marker-id="highlight-alert"] .jp-wfl-ip-label {
 	color: #000;
}

.jp-wfl-ip-track[data-marker-id="highlight-alert"],
.jp-wfl-ip-track[data-marker-id="highlight-alert"]:hover,
.jp-wfl-ip [data-marker-id="highlight-alert"] .jp-wfl-ip-track,
.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-marker-id="highlight-alert"] .jp-wfl-ip-badge {            
 	background: #c04040 !important;
 	background: -moz-linear-gradient(top , #c04040, #a13030) repeat scroll 0% 0% transparent !important;
 	background: -webkit-linear-gradient(top , #c04040, #a13030) repeat scroll 0% 0% transparent !important;
 	background: -o-linear-gradient(top , #c04040, #a13030) repeat scroll 0% 0% transparent !important;
 	background: -ms-linear-gradient(top , #c04040, #a13030) repeat scroll 0% 0% transparent !important;
 	background: linear-gradient(top , #c04040, #a13030) repeat scroll 0% 0% transparent !important;
 	color: #fff !important;
} 


.jp-wfl-ip [data-marker-id="highlight-invert"],
.jp-wfl-ip [data-marker-id="highlight-invert"]:hover {            
 	background: #808080 !important;
 	background: -moz-linear-gradient(top , #808080, #404040) repeat scroll 0% 0% transparent !important;
 	background: -webkit-linear-gradient(top , #808080, #404040) repeat scroll 0% 0% transparent !important;
 	background: -o-linear-gradient(top , #808080, #404040) repeat scroll 0% 0% transparent !important;
 	background: -ms-linear-gradient(top , #808080, #404040) repeat scroll 0% 0% transparent !important;
 	background: linear-gradient(top , #808080, #404040) repeat scroll 0% 0% transparent !important;
 	color: #fff !important;
}

[data-marker-id="highlight-invert"] .jp-wfl-ip-label {
 	color: #000;
}


.jp-wfl-ip-track[data-marker-id="highlight-invert"],
.jp-wfl-ip-track[data-marker-id="highlight-invert"]:hover,
.jp-wfl-ip [data-marker-id="highlight-invert"] .jp-wfl-ip-track,
.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-marker-id="highlight-invert"] .jp-wfl-ip-badge {            
 	background: #272727 !important;
 	background: -moz-linear-gradient(top , #272727, #202020) repeat scroll 0% 0% transparent !important;
 	background: -webkit-linear-gradient(top , #272727, #202020) repeat scroll 0% 0% transparent !important;
 	background: -o-linear-gradient(top , #272727, #202020) repeat scroll 0% 0% transparent !important;
 	background: -ms-linear-gradient(top , #272727, #202020) repeat scroll 0% 0% transparent !important;
 	background: linear-gradient(top , #272727, #202020) repeat scroll 0% 0% transparent !important;
 	color: #fff !important;
}

.jp-wfl-ip-track[data-marker-id="highlight-indeterminate"],
.jp-wfl-ip [data-marker-id="highlight-indeterminate"] .jp-wfl-ip-track,
.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-marker-id="highlight-indeterminate"] .jp-wfl-ip-badge {
	background: repeating-linear-gradient(-45deg,#c0c0c0,#c0c0c0 5px,#999 5px,#999 10px);
}

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

.jp-wfl-ip [data-marker-id="highlight-green"] .jp-wfl-ip-track,
.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-marker-id="highlight-green"] .jp-wfl-ip-badge {
	background: #00c000;
}

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

.jp-wfl-ip [data-marker-id="highlight-darkgreen"] .jp-wfl-ip-track,
.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-marker-id="highlight-darkgreen"] .jp-wfl-ip-badge {
	background: #008a00;
}

.jp-wfl-ip [data-marker-id="highlight-ellow"],
.jp-wfl-ip [data-marker-id="highlight-ellow"]:hover,
.jp-wfl-ip .jp-wfl-ip-badge[data-marker-id="highlight-ellow"],            
.jp-wfl-ip-track[data-marker-id="highlight-ellow"] {
	background: #c0c000 !important;
}

.jp-wfl-ip [data-marker-id="highlight-green"] .jp-wfl-ip-track,
.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-marker-id="highlight-green"] .jp-wfl-ip-badge {
	background: #c0c000;
}

.jp-wfl-ip [data-marker-id="highlight-red"],
.jp-wfl-ip [data-marker-id="highlight-red"]:hover,
.jp-wfl-ip .jp-wfl-ip-badge[data-marker-id="highlight-red"],            
.jp-wfl-ip-track[data-marker-id="highlight-red"] {
	background: #cc0000 !important;
}

.jp-wfl-ip [data-marker-id="highlight-red"] .jp-wfl-ip-track,
.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-marker-id="highlight-red"] .jp-wfl-ip-badge {
	background: #cc0000;
}



/* TIMELINEs
	exmaple: data-viewport="h:10r" - margin-top and margin-bottom = 10 row (r)
*/

.jp-wfl-ip-bar-type-timeline[data-viewport="h:10r"] {margin: 15.5em 0; }
.jp-wfl-ip-bar-type-timeline[data-viewport="h:9r"] {margin: 14.5em 0; }
.jp-wfl-ip-bar-type-timeline[data-viewport="h:8r"] {margin: 13.5em 0; }
.jp-wfl-ip-bar-type-timeline[data-viewport="h:7r"] {margin: 12.5em 0; }
.jp-wfl-ip-bar-type-timeline[data-viewport="h:6r"] {margin: 11.5em 0; }
.jp-wfl-ip-bar-type-timeline[data-viewport="h:5r"] {margin: 10.5em 0; }
.jp-wfl-ip-bar-type-timeline[data-viewport="h:4r"] {margin: 9.5em 0; }
.jp-wfl-ip-bar-type-timeline[data-viewport="h:3r"] {margin: 8.5em 0; }
.jp-wfl-ip-bar-type-timeline[data-viewport="h:2r"] {margin: 7.5em 0; }
.jp-wfl-ip-bar-type-timeline[data-viewport="h:1r"] {margin: 6.5em 0; }

/* HEIGHT OF LABEL BLOCK. 
  example: data-viewport="w,10r" - width - auto, height = 10 row (r)
*/

[data-viewport="w,10r"] {width: 100% !important; height: 15.5em !important; }
[data-viewport="100%,10r"] {width: 100% !important; height: 15.5em !important; }  
[data-viewport="150%,10r"] {width: 150% !important; height: 15.5em !important; }  
[data-viewport="200%,10r"] {width: 200% !important; height: 15.5em !important; }
[data-viewport="w,9r"] {width: 100% !important; height: 14.5em !important; }
[data-viewport="100%,9r"] {width: 100% !important; height: 14.5em !important; }  
[data-viewport="150%,9r"] {width: 150% !important; height: 14.5em !important; }  
[data-viewport="200%,9r"] {width: 200% !important; height: 14.5em !important; }
[data-viewport="w,8r"] {width: 100% !important; height: 13.5em !important; }
[data-viewport="100%,8r"] {width: 100% !important; height: 13.5em !important; }  
[data-viewport="150%,8r"] {width: 150% !important; height: 13.5em !important; }  
[data-viewport="200%,8r"] {width: 200% !important; height: 13.5em !important; }
[data-viewport="w,7r"] {width: 100% !important; height: 12.5em !important; }     
[data-viewport="100%,7r"] {width: 100% !important; height: 12.5em !important; }
[data-viewport="150%,7r"] {width: 150% !important; height: 12.5em !important; }
[data-viewport="200%,7r"] {width: 200% !important; height: 12.5em !important; }
[data-viewport="w,6r"] {width: 100% !important; height: 11.5em !important; }     
[data-viewport="100%,6r"] {width: 100% !important; height: 11.5em !important; }
[data-viewport="150%,6r"] {width: 150% !important; height: 11.5em !important; }
[data-viewport="200%,6r"] {width: 200% !important; height: 11.5em !important; }
[data-viewport="w,5r"] {width: 100% !important; height: 10.5em !important; }
[data-viewport="100%,5r"] {width: 100% !important; height: 10.5em !important; }  
[data-viewport="150%,5r"] {width: 150% !important; height: 10.5em !important; }  
[data-viewport="200%,5r"] {width: 200% !important; height: 10.55em !important; }
[data-viewport="w,4r"] {width: 100% !important; height: 9.5em !important; }
[data-viewport="100%,4r"] {width: 100% !important; height: 9.5em !important; }  
[data-viewport="150%,4r"] {width: 150% !important; height: 9.5em !important; }  
[data-viewport="200%,4r"] {width: 200% !important; height: 9.5em !important; }
[data-viewport="w,3r"] {width: 100% !important; height: 8.5em !important; }
[data-viewport="100%,3r"] {width: 100% !important; height: 8.5em !important; }  
[data-viewport="150%,3r"] {width: 150% !important; height: 8.5em !important; }  
[data-viewport="200%,3r"] {width: 200% !important; height: 8.5em !important; }
[data-viewport="w,2r"] {width: 100% !important; height: 7.5em !important; }
[data-viewport="100%,2r"] {width: 100% !important; height: 7.5em !important; }  
[data-viewport="150%,2r"] {width: 150% !important; height: 7.5em !important; }  
[data-viewport="200%,2r"] {width: 200% !important; height: 7.5em !important; }




/* GRADE BAR  TRACK VALUE WIDTH*/

[data-wfl-ip-value^="0"] 	{width: 0%;}
[data-wfl-ip-value^="1"] 	{width: 10%;}
[data-wfl-ip-value^="2"] 	{width: 20%;}
[data-wfl-ip-value^="3"] 	{width: 30%;}
[data-wfl-ip-value^="4"] 	{width: 40%;}
[data-wfl-ip-value^="5"] 	{width: 50%;}
[data-wfl-ip-value^="6"] 	{width: 60%;}
[data-wfl-ip-value^="7"] 	{width: 70%;}
[data-wfl-ip-value^="8"] 	{width: 80%;}
[data-wfl-ip-value^="9"] 	{width: 90%;}
[data-wfl-ip-value^="10"] 	{width: 100%;}


[data-wfl-ip-value="0"] 	{width: 0%;}
[data-wfl-ip-value="1"] 	{width: 1%;}
[data-wfl-ip-value="2"] 	{width: 2%;}
[data-wfl-ip-value="3"] 	{width: 3%;}
[data-wfl-ip-value="4"] 	{width: 4%;}
[data-wfl-ip-value="5"] 	{width: 5%;}
[data-wfl-ip-value="6"] 	{width: 6%;}
[data-wfl-ip-value="7"] 	{width: 7%;}
[data-wfl-ip-value="8"] 	{width: 8%;}
[data-wfl-ip-value="9"] 	{width: 9%;}
[data-wfl-ip-value="10"] 	{width: 10%;}


/* WIDTH STACK TRACK */

.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-wfl-ip-value^="1"] 	{width: 10%;}
.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-wfl-ip-value^="2"] 	{width: 20%;}
.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-wfl-ip-value^="3"] 	{width: 30%;}
.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-wfl-ip-value^="4"] 	{width: 40%;}
.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-wfl-ip-value^="5"] 	{width: 50%;}
.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-wfl-ip-value^="6"] 	{width: 60%;}
.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-wfl-ip-value^="7"] 	{width: 70%;}
.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-wfl-ip-value^="8"] 	{width: 80%;}
.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-wfl-ip-value^="9"] 	{width: 90%;}
.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-wfl-ip-value^="10"] 	{width: 100%;}

.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-wfl-ip-value="1"] 	{width: 1%;}
.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-wfl-ip-value="2"] 	{width: 2%;}
.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-wfl-ip-value="3"] 	{width: 3%;}
.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-wfl-ip-value="4"] 	{width: 4%;}
.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-wfl-ip-value="5"] 	{width: 5%;}
.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-wfl-ip-value="6"] 	{width: 6%;}
.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-wfl-ip-value="7"] 	{width: 7%;}
.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-wfl-ip-value="8"] 	{width: 8%;}
.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-wfl-ip-value="9"] 	{width: 9%;}
.jp-wfl-ip-bar-type-scale-step.jp-wfl-ip-bar-stack .jp-wfl-ip-track[data-wfl-ip-value="10"] 	{width: 10%;}


/*
* COLOR TABLE
*/


[data-wfl-ip-value="0,0,0"]			{background-color: rgb(0,0,0) !important;}
[data-wfl-ip-value="68,68,68"]		{background-color: rgb(68,68,68) !important;}
[data-wfl-ip-value="102,102,102"]	{background-color: rgb(102,102,102) !important;}
[data-wfl-ip-value="153,153,153"]	{background-color: rgb(153,153,153) !important;}
[data-wfl-ip-value="204,204,204"]	{background-color: rgb(204,204,204) !important;}
[data-wfl-ip-value="238,238,238"]	{background-color: rgb(238,238,238) !important;}
[data-wfl-ip-value="243,243,243"]	{background-color: rgb(243,243,243) !important;}
[data-wfl-ip-value="255,255,255"]	{background-color: rgb(255,255,255) !important;}

[data-wfl-ip-value="255,0,0"]		{background-color: rgb(255,0,0) !important;}
[data-wfl-ip-value="255,127,0"]		{background-color: rgb(255,127,0) !important;}
[data-wfl-ip-value="255,255,0"]		{background-color: rgb(255,255,0) !important;}
[data-wfl-ip-value="0,255,0"]       {background-color: rgb(0,255,0) !important;}
[data-wfl-ip-value="0,255,255"]     {background-color: rgb(0,255,255) !important;}
[data-wfl-ip-value="0,0,255"]       {background-color: rgb(0,0,255) !important;}
[data-wfl-ip-value="170,0,255"]     {background-color: rgb(170,0,255) !important;}
[data-wfl-ip-value="255,0,255"]		{background-color: rgb(255,0,255) !important;}

[data-wfl-ip-value="229,192,192"]	{background-color: rgb(229,192,192) !important;}
[data-wfl-ip-value="229,208,192"]	{background-color: rgb(229,208,192) !important;}
[data-wfl-ip-value="229,229,192"]	{background-color: rgb(229,229,192) !important;}
[data-wfl-ip-value="192,229,192"]	{background-color: rgb(192,229,192) !important;}
[data-wfl-ip-value="192,229,229"]	{background-color: rgb(192,229,229) !important;}
[data-wfl-ip-value="192,192,229"]	{background-color: rgb(192,192,229) !important;}
[data-wfl-ip-value="208,192,229"]	{background-color: rgb(208,192,229) !important;}
[data-wfl-ip-value="229,192,208"]	{background-color: rgb(229,192,208) !important;}

[data-wfl-ip-value="229,144,144"]	{background-color: rgb(229,144,144) !important;}
[data-wfl-ip-value="229,192,144"]	{background-color: rgb(229,192,144) !important;}
[data-wfl-ip-value="229,229,144"]	{background-color: rgb(229,229,144) !important;}
[data-wfl-ip-value="144,229,144"]	{background-color: rgb(144,229,144) !important;}
[data-wfl-ip-value="144,229,229"]	{background-color: rgb(144,229,229) !important;}
[data-wfl-ip-value="144,192,229"]	{background-color: rgb(144,192,229) !important;}
[data-wfl-ip-value="192,144,229"]	{background-color: rgb(192,144,229) !important;}
[data-wfl-ip-value="229,144,192"]	{background-color: rgb(229,144,192) !important;}

[data-wfl-ip-value="229,92,92"]		{background-color: rgb(229,92,92) !important;}
[data-wfl-ip-value="229,160,92"]	{background-color: rgb(229,160,92) !important;}
[data-wfl-ip-value="229,229,92"]	{background-color: rgb(229,229,92) !important;}
[data-wfl-ip-value="160,229,92"]	{background-color: rgb(92,229,92) !important;}
[data-wfl-ip-value="92,229,229"]	{background-color: rgb(92,229,229) !important;}
[data-wfl-ip-value="92,160,229"]	{background-color: rgb(92,160,229) !important;}
[data-wfl-ip-value="160,92,229"]	{background-color: rgb(160,92,229) !important;}
[data-wfl-ip-value="229,92,160"]	{background-color: rgb(229,92,160) !important;}

[data-wfl-ip-value="204,0,0"] 		{background-color: rgb(204,0,0) !important;}
[data-wfl-ip-value="204,102,0"] 	{background-color: rgb(204,102,0) !important;}
[data-wfl-ip-value="204,204,0"] 	{background-color: rgb(204,204,0) !important;}
[data-wfl-ip-value="0,204,0"]		{background-color: rgb(0,204,0) !important;}
[data-wfl-ip-value="0,204,204"]		{background-color: rgb(0,204,204) !important;}
[data-wfl-ip-value="0,102,204"]		{background-color: rgb(0,102,204) !important;}
[data-wfl-ip-value="68,0,204"] 		{background-color: rgb(68,0,204) !important;}
[data-wfl-ip-value="204,0,102"]		{background-color: rgb(204,0,102) !important;}

[data-wfl-ip-value="153,0,0"] 		{background-color: rgb(153,0,0) !important;}
[data-wfl-ip-value="153,80,48"] 	{background-color: rgb(153,80,48) !important;}
[data-wfl-ip-value="153,153,0"] 	{background-color: rgb(153,153,0) !important;}
[data-wfl-ip-value="0,153,0"] 		{background-color: rgb(0,153,0) !important;}
[data-wfl-ip-value="0,153,153"]		{background-color: rgb(0,153,153) !important;}
[data-wfl-ip-value="0,0,153"] 		{background-color: rgb(0,0,153) !important;}
[data-wfl-ip-value="80,0,153"]		{background-color: rgb(80,0,153) !important;}
[data-wfl-ip-value="153,0,80"]		{background-color: rgb(153,0,80) !important;}

[data-wfl-ip-value="102,0,0"] 		{background-color: rgb(102,0,0) !important;}
[data-wfl-ip-value="102,51,0"]		{background-color: rgb(102,51,0) !important;}
[data-wfl-ip-value="102,102,0"]		{background-color: rgb(102,102,0) !important;}
[data-wfl-ip-value="0,102,0"] 		{background-color: rgb(0,102,0) !important;}
[data-wfl-ip-value="0,102,102"]		{background-color: rgb(0,102,102) !important;}
[data-wfl-ip-value="0,0,102"] 		{background-color: rgb(0,0,102) !important;}
[data-wfl-ip-value="32,0,102"]		{background-color: rgb(32,0,102) !important;}
[data-wfl-ip-value="102,0,102"]		{background-color: rgb(102,0,102) !important;}

[data-wfl-ip-value="120,100,54"]	{background-color: rgb(120,100,54) !important;}
