/*
    Document   : override
    Created on : <date>
    Author     : <author>
    Description:
        This is where any of your application specific styles should be included
*/
.demo-oracle-icon {
    width:137px;
    height:18px
}

.demo-oracle-icon:before {
    content:url("images/oracle_logo.svg")
}

html:not([dir="rtl"]) .demo-oracle-icon {
    padding-right:4px
}

html[dir="rtl"] .demo-oracle-icon {
    padding-left:4px
}

.demo-oracle-icon:before {
    display:inline
}

.demo-appheader-avatar {
    width:24px;
    height:24px
}

.demo-appheader-avatar:before {
    content:url("images/avatar_24px.png")
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
    .demo-appheader-avatar:before {
        content:url("images/avatar_24px_2x.png");
        -webkit-transform:translate(-25%, -25%) scale(0.5);
        transform:translate(-25%, -25%) scale(0.5)
    }
}

.selectSingleStyle {
    max-width:20em
 }
 
 .chartStyle {
    max-width:500px;
    width:100%;
    height:350px;
 }

 .item-display {
    width: 100%;
    height: 100%;
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  
  .no-wrap {
    flex-wrap: nowrap;
  }

  .li-item {
    list-style-type: none;
    font-size: 1rem;
    font-weight: 500;
  }

  .demo-thumbnail {
    border-radius: 5px;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    margin-right: 10px;
}

.hr-margin {
    margin-top: 12px;
  }

  .data-name {
    font-size: 20px;
    font-weight: bolder;
  }

  .data-desc {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 10px;
  }

  .float-right {
    float: right;
  }