@font-face {
  font-family: 'AppFont';
  src: url("fonts/App_iconfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.demo-icon-font, .demo-icon-font-24 {
  font-family: AppFont;
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  font-weight: normal;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-align: center;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.demo-icon-font:before, .demo-icon-font-24:before {
  display: inline-block;
}

.demo-icon-font-24 {
  font-size: 24px;
}

/* Icons with a suffix "-16" were designed to look best at 16px. */
.demo-bookmark-icon-16:before {
  content: "\e606";
}

.demo-grid-icon-16:before {
  content: "\e607";
}

.demo-list-icon-16:before {
  content: "\e608";
}

.demo-gear-icon-16:before {
  content: "\e609";
}

/* Icons with a suffix "-24" were designed to look best at 24px. */
.demo-home-icon-24:before {
  content: "\e600";
}

.demo-education-icon-24:before {
  content: "\e601";
}

.demo-catalog-icon-24:before {
  content: "\e602";
}

.demo-palette-icon-24:before {
  content: "\e603";
}

.demo-library-icon-24:before {
  content: "\e604";
}

.demo-chat-icon-24:before {
  content: "\e605";
}

.demo-oracle-icon {
  width: 72px;
  height: 30px;
}
.demo-oracle-icon:before {
  content: url("images/logo30.jpg");
  display: inline;
}
/* Adds padding between logo and application name */
html:not([dir="rtl"]) .demo-oracle-icon {
  padding-right: 4px;
}
html[dir="rtl"] .demo-oracle-icon {
  padding-left: 4px;
}

.demo-avatar-icon {
  width:24px;
  height:24px;
}
.demo-avatar-icon:before {
  content:url("images/avatar_24px.png")
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .demo-avatar-icon:before{
    content:url("images/avatar_24px_2x.png");
    -webkit-transform:translate(-25%, -25%) scale(0.5);transform:translate(-25%, -25%) scale(0.5)
  }
}
.myLabel {
    display: block;
    float: left;
    width: 80px;
    text-align: left;
    padding-right: 5px;
}

.myIntervals {
    display: block;
    float: left;
    width: 180px;
    text-align: left;
    padding-right: 5px;
}
.divpadded {  
      padding-left: 3.5em;    
}
.busy * {
    cursor: wait !important;
}
.demo-bar-vert,
.demo-bar-horiz,
.demo-bar-unstack,
.demo-bar-stack,
.demo-area-vert,
.demo-area-horiz,
.demo-area-unstack,
.demo-area-stack,
.demo-line-vert,
.demo-line-horiz,
.demo-funnel-vert,
.demo-funnel-horiz,
.demo-2d,
.demo-3d {
  height: 24px;
  width: 24px; }

.demo-bar-vert:before,
.demo-bar-horiz:before,
.demo-bar-unstack:before,
.demo-bar-stack:before,
.demo-area-vert:before,
.demo-area-horiz:before,
.demo-area-unstack:before,
.demo-area-stack:before,
.demo-line-vert:before,
.demo-line-horiz:before,
.demo-funnel-vert:before,
.demo-funnel-horiz:before,
.demo-2d:before,
.demo-3d:before {
  display: inline; }

.demo-bar-vert:before {
  content: url("images/dvt/bar_vert_ena.svg"); }

.oj-hover .demo-bar-vert:before,
.oj-hover.demo-bar-vert:before,
a:hover.demo-bar-vert:before,
a:hover .demo-bar-vert:before {
  content: url("images/dvt/bar_vert_ovr.svg"); }

.oj-selected .demo-bar-vert:before,
.oj-selected.demo-bar-vert:before,
a:checked.demo-bar-vert:before,
a:checked .demo-bar-vert:before {
  content: url("images/dvt/bar_vert_dwn.svg"); }

.demo-bar-horiz:before {
  content: url("images/dvt/bar_horiz_ena.svg"); }

.oj-hover .demo-bar-horiz:before,
.oj-hover.demo-bar-horiz:before,
a:hover.demo-bar-horiz:before,
a:hover .demo-bar-horiz:before {
  content: url("images/dvt/bar_horiz_ovr.svg"); }

.oj-selected .demo-bar-horiz:before,
.oj-selected.demo-bar-horiz:before,
a:checked.demo-bar-horiz:before,
a:checked .demo-bar-horiz:before {
  content: url("images/dvt/bar_horiz_dwn.svg"); }

.demo-bar-unstack:before {
  content: url("images/dvt/bar_unstack_ena.svg"); }

.oj-hover .demo-bar-unstack:before,
.oj-hover.demo-bar-unstack:before,
a:hover.demo-bar-unstack:before,
a:hover .demo-bar-unstack:before {
  content: url("images/dvt/bar_unstack_ovr.svg"); }

.oj-selected .demo-bar-unstack:before,
.oj-selected.demo-bar-unstack:before,
a:checked.demo-bar-unstack:before,
a:checked .demo-bar-unstack:before {
  content: url("images/dvt/bar_unstack_dwn.svg"); }

.demo-bar-stack:before {
  content: url("images/dvt/bar_stack_ena.svg"); }

.oj-hover .demo-bar-stack:before,
.oj-hover.demo-bar-stack:before,
a:hover.demo-bar-stack:before,
a:hover .demo-bar-stack:before {
  content: url("images/dvt/bar_stack_ovr.svg"); }

.oj-selected .demo-bar-stack:before,
.oj-selected.demo-bar-stack:before,
a:checked.demo-bar-stack:before,
a:checked .demo-bar-stack:before {
  content: url("images/dvt/bar_stack_dwn.svg"); }

.demo-area-vert:before {
  content: url("images/dvt/area_vert_ena.svg"); }

.oj-hover .demo-area-vert:before,
.oj-hover.demo-area-vert:before,
a:hover.demo-area-vert:before,
a:hover .demo-area-vert:before {
  content: url("images/dvt/area_vert_ovr.svg"); }

.oj-selected .demo-area-vert:before,
.oj-selected.demo-area-vert:before,
a:checked.demo-area-vert:before,
a:checked .demo-area-vert:before {
  content: url("images/dvt/area_vert_dwn.svg"); }

.demo-area-horiz:before {
  content: url("images/dvt/area_horiz_ena.svg"); }

.oj-hover .demo-area-horiz:before,
.oj-hover.demo-area-horiz:before,
a:hover.demo-area-horiz:before,
a:hover .demo-area-horiz:before {
  content: url("images/dvt/area_horiz_ovr.svg"); }

.oj-selected .demo-area-horiz:before,
.oj-selected.demo-area-horiz:before,
a:checked.demo-area-horiz:before,
a:checked .demo-area-horiz:before {
  content: url("images/dvt/area_horiz_dwn.svg"); }

.demo-area-stack:before {
  content: url("images/dvt/area_stack_ena.svg"); }

.oj-hover .demo-area-stack:before,
.oj-hover.demo-area-stack:before,
a:hover.demo-area-stack:before,
a:hover .demo-area-stack:before {
  content: url("images/dvt/area_stack_ovr.svg"); }

.oj-selected .demo-area-stack:before,
.oj-selected.demo-area-stack:before,
a:checked.demo-area-stack:before,
a:checked .demo-area-stack:before {
  content: url("images/dvt/area_stack_dwn.svg"); }

.demo-line-vert:before {
  content: url("images/dvt/line_vert_ena.svg"); }

.oj-hover .demo-line-vert:before,
.oj-hover.demo-line-vert:before,
a:hover.demo-line-vert:before,
a:hover .demo-line-vert:before {
  content: url("images/dvt/line_vert_ovr.svg"); }

.oj-selected .demo-line-vert:before,
.oj-selected.demo-line-vert:before,
a:checked.demo-line-vert:before,
a:checked .demo-line-vert:before {
  content: url("images/dvt/line_vert_dwn.svg"); }

.demo-line-horiz:before {
  content: url("images/dvt/line_horiz_ena.svg"); }

.oj-hover .demo-line-horiz:before,
.oj-hover.demo-line-horiz:before,
a:hover.demo-line-horiz:before,
a:hover .demo-line-horiz:before {
  content: url("images/dvt/line_horiz_ovr.svg"); }

.oj-selected .demo-line-horiz:before,
.oj-selected.demo-line-horiz:before,
a:checked.demo-line-horiz:before,
a:checked .demo-line-horiz:before {
  content: url("images/dvt/line_horiz_dwn.svg"); }

.demo-funnel-vert:before {
  content: url("images/dvt/funnel_vert_ena.svg"); }

.oj-hover .demo-funnel-vert:before,
.oj-hover.demo-funnel-vert:before,
a:hover.demo-funnel-vert:before,
a:hover .demo-funnel-vert:before {
  content: url("images/dvt/funnel_vert_ovr.svg"); }

.oj-selected .demo-funnel-vert:before,
.oj-selected.demo-funnel-vert:before,
a:checked.demo-funnel-vert:before,
a:checked .demo-funnel-vert:before {
  content: url("images/dvt/funnel_vert_dwn.svg"); }

.demo-funnel-horiz:before {
  content: url("images/dvt/funnel_horiz_ena.svg"); }

.oj-hover .demo-funnel-horiz:before,
.oj-hover.demo-funnel-horiz:before,
a:hover.demo-funnel-horiz:before,
a:hover .demo-funnel-horiz:before {
  content: url("images/dvt/funnel_horiz_ovr.svg"); }

.oj-selected .demo-funnel-horiz:before,
.oj-selected.demo-funnel-horiz:before,
a:checked.demo-funnel-horiz:before,
a:checked .demo-funnel-horiz:before {
  content: url("images/dvt/funnel_horiz_dwn.svg"); }

.demo-2d:before {
  content: url("images/dvt/2d_ena.svg"); }

.oj-hover .demo-2d:before,
.oj-hover.demo-2d:before,
a:hover.demo-2d:before,
a:hover .demo-2d:before {
  content: url("images/dvt/2d_ovr.svg"); }

.oj-selected .demo-2d:before,
.oj-selected.demo-2d:before,
a:checked.demo-2d:before,
a:checked .demo-2d:before {
  content: url("images/dvt/2d_dwn.svg"); }

.demo-3d:before {
  content: url("images/dvt/3d_ena.svg"); }

.oj-hover .demo-3d:before,
.oj-hover.demo-3d:before,
a:hover.demo-3d:before,
a:hover .demo-3d:before {
  content: url("images/dvt/3d_ovr.svg"); }

.oj-selected .demo-3d:before,
.oj-selected.demo-3d:before,
a:checked.demo-3d:before,
a:checked .demo-3d:before {
  content: url("images/dvt/3d_dwn.svg"); }

.verticalDivider {
  border-right: 1px solid #9E9E9E;
  height: 36px;
  margin-top: 12px;
  padding-left: 8px;
  padding-right: 8px; }