:root {
    --display-label-background:   #4E8696;
    --display-label-color:white;
}


.display-container {
}

a.display-container {
    display:inline-block;
}

.display-contents {
    overflow-x: auto;    
    overflow-y: auto;
    /* put this here so there isn't the extra vertical gap, as per 
       https://stackoverflow.com/questions/23529369/why-does-x-overflowhidden-cause-extra-space-below	*/
    vertical-align:top;
}


.display-gauge svg g text {
    font-size: 12px;
}



.display-contents-inner {
    height:100%;
}

.display-table-group-header {
    font-size:120%;
    color: #aaa;
    text-align:center;
    border-bottom:1px solid #000 !important;
}

.display-table-group-header-th {
}

.display-table  td {
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 0.25em;
    padding-right: 0.25em;
}

.display-row-highlight  {
    background:#efefef !important;
}


.display-htmltable-row {
    border-bottom:var(--basic-border) !important;
}

table.dataTable {
  border-collapse: unset !important;
}


.display-htmltable-category {
    font-weight:bold;
}

.display-htmltable-category-row {
}

.display-htmltable-category-cell {
    border-bottom:1px solid #000 !important;
}

.display-htmltable thead tr {
    border-bottom:1px solid #aaa;
}

.display-htmltable-td {
    position:relative;
    padding:4px 8px;
}

.display-htmltable-row-odd {
    background-color:#f4f4f4;
}

.display-polltable-field:hover {
    cursor:pointer;
}

.display-tooltip {
    max-width:600px;
    overflow-x:hidden,
    margin:0px;
    /* shadow popup */
    background : #FFF;
    border:1px solid #ccc;
    border-radius: 4px;
    z-index:1000;
    box-shadow: rgba(116, 129, 141, 0.4) 3px 3px 10px -2px;
    -webkit-box-shadow: rgba(116, 129, 141, 0.4) 3px 3px 10px -2px; 
}

.display-chart-tooltip {
    max-width:1000px;
    overflow-x:hidden;
}

.display-images-tooltip {
    background:var(--color-mellow-yellow);
}

.display-dialog {
   font-size: 11pt;
   display: none;
   text-decoration: none;
   text-align:left;
   background-color : #fff;
   position:absolute;
   border: 1px #999 solid;
   padding-bottom:2px;
   left:-10000px; 
   z-index: 10000;
/*  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
*/
  box-shadow: 3px 3px 6px  rgba(0, 0, 0, 0.4);

  /* IE */
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
  /* slightly different syntax for IE8 */
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
}

.display-filter-input, .display-filter textarea, .display-filter input, .display-filter select  {
    font-size:80%;
}

.display-filter-popup-item {
    white-space: nowrap;
    overflow: hidden;
    max-width: 300px;
    text-overflow: ellipsis;
    font-size:80% !important;
    cursor:pointer;
}

.display-filter-widget {
    display:inline-block;
}


.display-filter-container {
    display:inline-block;
    padding-bottom:0px;
}

.display-filter-tab {
    padding-bottom:0px
}

.display-filter-items {
}

.display-filter-item-label {
    font-weight:bold;
}


.display-filter-item-image {
    border:1px solid rgba(0,0,0,0);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding-left:4px;
    padding-right:4px;
}

.display-filter-item-image:hover {
    border:1px solid #ccc;
}


.display-filter-item {
    display:inline-block;
}

.display-filter-item-tab {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;  
    border: 1px solid rgba(0,0,0,0);
    border-bottom: 0px solid rgba(0,0,0,0);
    background:#fff;
    margin-left:4px;
    padding:4px;
    padding-left:8px;
    padding-right:8px;
    cursor:pointer;  
}

.display-filter-item-tab-selected {
    background: #ddd;
    border: 1px solid #ddd;
    border-bottom: 0px solid #000;
}


.display-size-legend {
    text-align:center;
}

.display-size-legend-item {
    text-align:center;
    display:inline-block;
    margin-right:8px;
}


.display-page-button {
    cursor:pointer;  
    margin-left:2px;
    margin-right:2px;

}

.fa-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}


.display-filter-items {
    display: inline-block;
}


.display-filter-item-button {
    display: inline-block;
    border-radius: 8px;
    border: 2px solid rgba(0,0,0,0);
    margin-left:4px;
    margin-bottom:8px;
    padding:4px;
    padding-left:8px;
    padding-right:8px;
    cursor:pointer;  
    background: #fff;
}

.display-filter-item-button.ramadda-button {
    background:#E5E5E5;
}

.display-filter-item-selected {
    background: #aaa;
    border: 2px solid #000;
}

.display-filter-item-selected.ramadda-button {
    background:#aaa !important;
}


.display-header-label {
    font-weight:600;
    margin-right:4px;
}

.display-filter-label {
    max-width:300px;
    overflow-x:auto;
    font-weight:600;
}


.display-filter-label-vertical {
    text-align:left;
}

.display-changeentries-button {
    cursor:pointer;
}



.display-multi-header {
    margin:0px;
    font-weight:bold;
    text-align:center;
}


.display-correlation {
    border-collapse: separate;
}

.display-correlation-contents .ui-slider-handle   {
    top:0.1em !important;
    height:1em !important;
    width:0.75em !important;
    margin-left:-.4em !important;
}


.display-correlation-header {
    line-height:1.3em !important;
    font-size:80%;
    padding:2px;
}


.display-correlation-cell  {
    border:0.5px #aaa solid;
    padding-left: 3px;
    padding-right: 3px;
    height:100%;
}

.display-correlation-cell:hover  {
    cursor:pointer;
}


.display-correlation-celllabel {
    font-size:80%;
}

.display-correlation-row-cell-highlight  {
  border-top:1px #000 solid;
  border-bottom:1px #000 solid;
}    


.display-correlation-col-cell-highlight  {
  border-left:2px #000 solid;
  border-right:2px #000 solid;
}    


.display-correlation-heading {
    cursor:pointer;
}

.display-correlation-heading-side {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    font-weight: bold;
    padding-top:2px;
    padding-bottom:2px;

    vertical-align: bottom;
    padding-right:4px;
    text-align:right;
}

.display-treemap-tooltip-outer  {
   background-color : #fffeec;
   padding:5px; 
}

.display-treemap-tooltip  {
   max-height:200px;
   overflow-y:auto;
}

.display-header-block {
}

.display-header {
     text-align:left;
}

.display-header {
   font-weight: bold; 
}


.display-header-vertical {
    text-align:left;
    padding-right:2px;
}

.display-header0, .display-header1, .display-header2, .display-header3 {
  text-align:center;
  font-size:90% !important;
}

.display-header-item {
    display:inline-block;
    line-height:1.25em;
    margin-right:8px;
}

.display-header-span {
    display:inline-block;
    line-height:1.75em;
}

.display-header-span:empty {
    display:none;
}


.display-header-vertical .display-filter-label {
    font-weight:bold;
}

.display-header-vertical .display-header-span {
    display:block;
}


.display-header-vertical .display-header-span {
    text-align:left;
}

.display-anim-button {
    cursor:pointer;
}


.display-animation-tick {
   cursor:pointer;
   width:4px;
   z-index:100;
   position:absolute;
   display:inline-block;
   height:100%;
   border-left:2px solid #ccc;
   margin-bottom:0.5em;
}

.display-animation-tooltip {
    position:absolute;
    border:1px solid #ccc;
    z-index:500;
    margin-top:2px;
    font-size:10pt;
    background-color : #fffeec;
    
}

.display-animation-tick-highlight-base {
    border-left:2px solid red;
    background:red;
    z-index:200;
}

.display-animation-tick-highlight {
    border-left:2px solid blue;
    background:blue;
    z-index:300;
}

.display-animation-slider {
    margin-right:10px;
    position:relative;
}

.display-animation-slider .ui-slider-handle:hover {
    cursor:pointer;
}

.display-animation-slider {
    position:relative;
}


.display-animation-slider .ui-slider-handle {
    z-index:200;
    background:transparent;
    position:absolute;
    width:12px;
    border: 0px solid transparent;
    border-radius: 0;
    margin-left:-5px;
    margin-right:10px;
    height:15px;
    margin-top:3px;
    margin-bottom:0px;
    background: URL(../icons/downdart.gif) no-repeat;
    background-size: 12px;
}

.display-animation-label {
   font-family: Courier, monospace;
   font-size:90%;
}




.display-animation-buttons span {
   background:rgba(0,0,0,0)  !important;
   border: 0px solid white !important;
   padding: 2px !important;
}

.display-animation-buttons span:hover {
}

.display-manager-button
{
    background:transparent;
    padding:4px;
    padding-top:2px;
    padding-bottom:2px;
    border:1px solid transparent;
}

.display-map-inner {
    color:#000;
}

.display-map-toc {
    padding:5px;
    margin-right:6px;
    width:200px;
    max-width:200px;    
    overflow-x:auto;
    overflow-y:auto;
}    

.display-map-toc ul {
    margin:0px;
    padding-left:15px;
}


.display-map-toc-item {
    padding:2px;
    xdisplay:inline-block;
    margin-top:2px;
    width:100%;
    white-space:nowrap;
}

.display-map-toc-item-on {
    background:var(--highlight-background);
}

.display-map-legend {
    overflow-y:auto;
    padding-left:4px;
    width:150px;
}

.display-map-toolbar .ramadda-button {
}

.display-correlation-heading-top {
    height:100%;
    vertical-align: bottom;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
    border: 0px #ccc solid;
    max-width:100%;
    overflow-x:auto;
}


.display-correlation-hightlight {
    border:1px solid #aaa;
}


.display-grid {
}


.display-grid-canvas {
  position: relative;
  height:100%;
  border: 1px #000 solid;
  overflow-x:hidden;
  overflow-y:hidden;
}

.display-grid-action {
  padding:1px;
}

.display-grid-action:hover {
   background:#eee;
}

.display-grid-axis-left {
  position: relative;
  width:100px;
  height:100%;
}

.display-grid-axis-bottom {
  position: relative;
  width:100%;
  height:50px;
}

.display-grid-htick {
   vertical-align:bottom;
   display:inline-block;
   height:100%;
   width:6px;
   border-bottom: 1px #000 solid;
}

.display-grid-axis-left-tick {
    position: absolute;
    padding-right:5px;
    font-size:8pt;
    color:#666;
    right:-5px;
}

.display-grid-vtick {
   display:inline-block;
   height:15px;
   margin-top:-1px;
   margin-left:1px;
   border-left: 1px #000 solid;
}

.display-grid-axis-bottom-tick {
    position: absolute;
    padding-right:5px;
    font-size:8pt;
    color:#666;
}

.display-grid-hline {
   position:absolute;
   display:inline-block;
   width:100%;
   border-bottom: 1px #ccc dotted;
}

.display-grid-hline-major {
   position:absolute;
   display:inline-block;
   width:100%;
   border-bottom: 1px #999 solid;
}

.display-grid-vline {
   position:absolute;
   display:inline-block;
   height:100%;
   border-left: 1px #eee dotted;
}

.display-grid-vline-major {
   position:absolute;
   display:inline-block;
   height:100%;
   border-left: 1px #999 solid;
}

.display-grid-popup {
  padding:10px;
}


.display-grid-entry {
   cursor:pointer;
}

.display-grid-entry-box {
    position: absolute;
    width: 20px;
    height: 15px;
    background: lightblue;
    border: 1px #888 solid;
    font-size:8pt;
    color:#ccc;
}


.display-record-table-label {
    font-weight:bold;
    max-width:150px;
    overflow-x:auto;
}

.display-records-record {
    margin-bottom:8px;
    border-bottom:1px solid #ccc;
    cursor: pointer;
}


.display-records-grid {
    vertical-align:top;
    display:flex;
    flex-wrap: wrap;
}


.display-records-grid-box {
    margin:5px;
    flex-grow:1;
    cursor: pointer;
    background-color : #FFF; 
    padding:5px;
    border-radius:var(--default-radius);
    border: var(--basic-border);
    box-shadow: rgba(116, 129, 141, 0.4) 2px 2px 4px 0px;
    -webkit-box-shadow: rgba(116, 129, 141, 0.4) 3px 3px 10px -2px;
}

.display-records-grid-box:hover {
    border:   var(--highlight-border)
}


.display-template-record a {
    text-decoration: underline;
}

.display-template-record {
    cursor:pointer;
    border:1px solid rgba(0,0,0,0);
}

.display-template-record-highlight {
    background: #efefef;
}


.display-grid-entry-box:hover {
    border: 1px blue solid;
    z-index: 100;
}

.display-grid-entry-text {
    z-index:10;
    position: absolute;
    margin-bottom:-15px;
    font-size:8pt;
    color:#666;
}

.display-grid-entry-icon {
    z-index:10;
    position: absolute;
    margin-left:-18px;
    margin-top:-8px;
}

.display-heatmap {
}

.display-heatmap-heading-side {
    font-weight: bold;
    padding-top:2px;
    padding-bottom:2px;
    padding-right:4px;
    text-align:right;
    vertical-align:middle;
}


.display-heatmap-cell  {  
  border-right: 1px #666 solid;
  border-left: 1px #666 solid;
  padding-right:10px;
  padding-left:10px;
}




.display-heatmap-heading-top {
    height:100%;
    vertical-align: bottom;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
    border: 0px #ccc solid;
    width:150px;
    max-width:150px;
    overflow-x:auto;
}



.display-dialog-subheader {
   font-weight: bold;
   padding: 2px;
   border-bottom: 1px #ccc solid;
}


.display-dialog-button {
    padding:2px;
/*
    padding-left: 2px;
    padding-right:4px;
    padding-top: 4px;
    padding-bottom: 2px;
*/

    margin-bottom:1px;
    margin-right:2px;
/* 
   border:1px #ccc solid; 
   background-color: #efefef;
*/
}

.display-dialog-button:hover {
    border:1px #aaa solid; 
    background-color: #e0e0e0;
}

.display-dialog-header {
   padding:2px;
   padding-bottom:0px;
   border-bottom:1px #888 solid; 
   background-color: #f0f0f0;
}

.display-dialog-header:hover {
    background-color: #e0e0e0;
}


.display-dialog-header-icon {
  margin-left:2px;
  margin-right:2px;
  padding:1px;
}

.display-dialog-header-icon:hover {
    background-color: #fff;
}

.display-dialog-contents {
   padding:0px;
}

.display-dialog-tab {
    padding-left: 5px; 
    padding-right: 5px; 
    padding-top: 5px; 
    padding-bottom: 5px; 
    min-width: 400px; 
}



.display-dialog-close {
   padding:4px;
   cursor:pointer;
}


.display-link {
    cursor:pointer;
}

.display-metadatalist-item {
    max-width: 200px;
}


.display-contents-inner .selectboxit-container .selectboxit-options {
    max-height: 240px;
}



.display-loading {
    color: #aaa;
}

.display-output-message {
    border-radius: 2px;
    display:inline-block;
    text-align:left;
    border: 1px #aaa solid;
    background-color : #fffeec;
    max-width:100%;
    margin:5px;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
}

.display-output-message-tight {
    border-radius: 2px;
    display:inline-block;
    text-align:left;
    border: 1px #aaa solid;
    background-color : #fffeec;
    padding:2px;
    padding-left:4px;
    padding-right:4px;
}


.display-dialog .ui-tabs {
}

.display-dialog .ui-tabs-panel {
     padding-top:2px;
     padding-left:6px;
     border-left:0px;
     border-right:0px;

}

.display-typelist {
   max-width:300px;
   padding: 0px;
   margin: 0px;
}


.display-typelist-category {
   font-weight: bold !important;
   background:#ccc;
   border-top: 1px #aaa solid;
}

.display-typelist-category:hover {
   background:#ccc;
}


.display-typelist-type {
}

.display-text {
padding:4px;
}

.display .entry-toggleblock-label  {
   color: #000;
   font-weight: bold; 
}


.display-searchmenu {
    padding-left:4px;
    padding-right:10px;    
}




.display-menu-charts {
    max-height: 200px;
    overflow-y:auto;
}

.display-menu-entry {
     padding-top:5px;
}

.display-menu-item {
     border-top: 1px #aaa solid;
     padding:5px;
}



.display-button {
    display:inline-block;
}

.display-button .ui-button-text {
   padding-top:4px;
   padding-bottom:2px;
   padding-left:10px;
   padding-right:10px;
}

.display-title {
   font-weight:600;
   font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
   overflow: hidden;
   text-overflow: ellipsis;
}

.display-title a { 
color: #000;
}

.display-title-select {
    background: #e0f0ff; 
}

.display-label {
    padding:2px;
}

.display-animation {
   border-top:1px #ccc solid; 
   padding:5px;
}

.display-animation-button {
    display:inline-block;
    margin-left:4px;
    margin-right:4px;
}

.display-animation-button:hover {
    background-color:  #ccc;
}




.google-visualization-tooltip {
    pointer-events: none;
/* fixes the tooltip clicker bug 
   but it also introduces other bugs with lingering tooltips
    pointer-events: none;
    
*/
    /*position:absolute !important; top:100% !important; z-index:+1; */
}


/** Don't do this for now as it disables the annotation tooltip
svg > g > g:last-child { pointer-events: none }
**/


.google-visualization-table {
    border: 0px #000 solid;
}

.google-visualization-table-table th {
    background:#E4E9F4;
}


.display-stats, .google-visualization-table-table {
    font-family: inherit;
    font-size: 11pt;
}

.google-visualization-table {
    text-align:left;
}

.google-visualization-table-table th {
   border-right: 1px #ccc solid;
   border-top: 1px #ccc solid;
   border-bottom: 1px #ccc solid;
}
.google-visualization-table-table td {
   border-right: 1px #ccc solid;
   border-bottom: 1px #ccc solid;
}
.google-visualization-table-table, .google-visualization-table-td {
   border:#ccc 1px solid;
}

.google-visualization-table-td, .google-visualization-table-table td {
    padding:0px;
}

.display-stats-value-link {
    cursor:pointer;
}

.display-stats-value-link:hover {
}

.display-stats td {
      padding: 10px;
      padding-top: 8px;
      padding-bottom: 4px;
}


.display-date-input {
  width:90px;
  border-radius: var(--default-radius);
  font-size: 11pt;
}

.display-area-input {
    margin:0px;
    padding:0px;
    margin-left:2px;
    margin-right:2px;
    border-radius: var(--default-radius);
    font-size: 11pt;
}


.display-search-button {
    vertical-align:middle;
    margin-right:5px;
}

.display-search-input {
  max-width:100%;
  padding-left: 5px;
  border-radius: var(--default-radius);
  font-size: 11pt;
  border-color:#ccc;
}

.display-search-input:focus {
    outline:none;
    border:var(--highlight-border);
}

.display-search-extra {
}

.display-search-providers {
}

.display-search-provider {
}

.display-search-block {
    margin-top:8px;
}

.display-search-block select {
    width:100%;
    padding:0px;
}




.display-search-group-label, .display-search-label {
    font-weight:500;
    background:var(--display-label-background);
    padding:4px;
    color:#fff;
}

.display-search-label-toggle {
    width:100%;
    user-select: none; 
    cursor:pointer;
}

.display-search-label-toggle:hover {
    text-decoration:underline;
}

.display-search-label-toggle span i {
    font-size:10pt;
}

.display-search-widget {
    padding:5px;
}

.display-search-widget-providers {
    padding:0px;
}

.display-search-group, .display-search-block {
    margin-top:8px;
    border:var(--basic-border);
//    background:#E3D8CC;
}

.display-search-group .display-search-widget {
    padding-top:0px;
}

.display-search-group .display-search-block {
    border:none;
    margin-top:0px;
}



.display-search-group .display-search-label {
    background:transparent;
    color:#000;
    padding-bottom:0px;
}



.display-search-widget-nolabel {
    margin-top:4px;
    padding-left:4px;
    padding-right:4px;
    padding-bottom:4px;        
}

.display-search-extra .selectboxit-container .selectboxit {
    width:200px;
}
.display-search-widget .selectboxit-container .selectboxit {
    width: 180px;
}
    
.display-search-metadata-block {
}

.display-search-metadata-block-inner {
    max-height: 100px;
    overflow-y: auto;
}

.display-search-header {
    margin-bottom:2px;
}

.display-search-bar {
    min-height:2.5em;
    margin-left:24px;
}

.display-search-bar-vertical {
    margin-left:24px;
}

.display-search-tag-group {
    display:inline-block;
}

.display-search-tag {
    font-size:80%;
    display:inline-block;
    margin:3px;
    border-radius: 10px;
    padding:1px;
    padding-left:8px;
    padding-right:10px;
    cursor:pointer;
    background:#E5E5E5;
    border:1px solid #ccc;
    color:rgb(51,51,51);
}

.display-search-tag:hover {
    border:1px solid #999;
}

.display-search-tag span i {
    color:#666;
}

.display-search-orderby {
    font-size:8pt;
    border:1px solid #ccc;
}

.display-cell {
  padding:10px;
  max-width:100%;
}




.display-text {
}

.display-text-edit {
    cursor:pointer;
    border: 1px #ccc solid;
    border-color: transparent;
}

.display-text-edit:hover {
    cursor:pointer;
    border: 1px #ccc solid;
}

.display-text-inner {
   overflow-y: auto;
   overflow-x: auto;    
}

.display-text-input {
   display: none;
   position:absolute;   
}


.display-example {
}

.display-example-inner {
   border:1px #ccc solid; 
   overflow-y: auto;
   max-height: 300px;
}





.display-table {
}

.display-table-inner {
    text-align:center;

}



.display-stats-header {
      background:#E4E9F4;
      background-color: #efefef;
      font-weight:bold;
}

.display-table-header {
      background:#E4E9F4;
      background-color: #efefef;
      white-space: nowrap;
      padding:2px 8px;

}


.display-table-header-max {
      background:#E4E9F4;
      background-color: #efefef;
      max-width:300px;
      overflow-x: auto;
}

.display-entrytable-header {
   font-weight: bold; 
   horizontal-align: center;
   background-color: #efefef;
   padding: 5px;
   border-bottom:1px #ccc solid; 
   border-left:1px #ccc solid; 
}

.display-entrytable-cell {
   padding: 5px;
   padding-top: 8px;
   border-bottom:1px #ccc solid; 
   border-left:1px #ccc solid; 
}


.display-entry-embed {
    max-height:400px;
    max-width:100%;
    overflow-y:auto;
    overflow-x:auto;
    background:#fff;
    margin-bottom:10px;    
}

.display-entry-description {
    overflow-y:auto;
}

.display-entrydisplay {
   border:0px;
   padding:5px;
}

.display-entrydisplay-contents {
    display:inline-block;
    white-space:nowrap;
}

.display-area-link {
   margin:0px;
   cursor:pointer;
}

.display-area td {
      padding-top: 1px;
      padding-bottom: 1px;
}



.display-entry-image {
     max-width: 90%;
}

.display-entry-thumbnail {
     max-width: 90%;
}

.display-entry-popup {
   display: none;
   border-top : 1px #888 solid;
   border-bottom : 1px #888 solid;
   padding: 5px;
   background-color : #fff;
}


.display-repositories-select {
   max-width:200px;
   padding: 0px;
   margin: 0px;
}

.display-repositories-table {
}

.display-repositories-table td {
   padding: 2px;
}


.display-repositories-table-header {
   padding: 5px;
}


.display-repositories-table th {
    padding: 5px;
    background-color: #efefef;
}


.display-repositories-table th a {
    color: #000;
}

.display-repositories-table-type {
}

.display-repositories-table-type-has {
}

.display-repositories-table-type-hasnot {
}



.display-metadata {
   border-bottom:1px #ccc solid; 
}

.display-metadata-table {
     border:1px #888 solid;
     border-collapse:collapse; 
}

.display-metadata-table-cell {
     border:1px #888 solid;
     padding: 0px;
}

.display-metadata-table-cell-contents {
   max-height: 250px;
   overflow-y: auto;
}

.display-metadata-table  th {
    background-color: #efefef;
    padding: 2px;
}

.display-metadata-item {
     padding:2px;
     padding-left:8px;
}

.display-metadata-table-add {
       font-size: 75%;
       margin:0px; 
       padding:0px;
       border: 0px solid red;
}

.display-metadata-divider {
/*     border-bottom: 1px #ccc dotted;*/
}


.display-metadata-link {
   cursor:pointer;
}

.display-metadata-entrylink {
    max-width: 200px;
    padding: 5px;
}

.display-metadata .display-entries-content   { 
   min-width: 250px;
   min-height: 200px;
   overflow-y: auto;
   max-height: 300px;
}


.display-footer {
   padding: 4px;
   padding-top: 0px;
}

.display-footer-left {
   font-size: 80%; 
}

.display-footer-right {
   min-width: 200px;
   font-weight: bold; 
   font-size: 80%; 
}


.display-entrylist {

}
.display-entrylist-form {
    padding-right:8px;
    min-height:400px;
}
.display-search-ancestors {
    max-height:200px;
    overflow-y:auto;
}

.display-search-ancestors-select  {
    white-space:nowrap;
}


.display-search-widget .disabledinput {
    background:#eaeaea;
    border-radius: var(--default-radius);
}
.display-entrylist .ramadda-expandable-link {
    background:transparent;
}

.display-entrylist .ramadda-expandable-link i {
    color:#000;

}

.display-entrylist .display-images-image-outer {
    padding:4px;
    padding-bottom:8px;    
    margin:5px;
}

.display-entrylist .display-images-image-wrapper {

    max-height:180px;
    overflow-y:auto;
}


.display-entrylist-results {
    max-height:1000px;
    overflow-y:auto;
}

.display-entrylist .formgroupheader {
    background:#eee;
    border:0px;
    border-bottom:var(--basic-border);
    margin-top:1em;
    padding:0px;
    padding-top:4px;    
    padding-left:4px;    
}

.display-entrylist-name   { 
    overflow-x:none; 
}



.display-entrylist-content   { 
   min-width: 250px;
   min-height: 250px;
   background: #fff;
}


.display-entrylist-content-border   {
    border:1px #ccc solid; 
}

.display-entrylist-content .ui-tabs-panel {
    padding:0px;
}


.display-entrylist-list { 
       list-style-type: none; 
       margin: 0; 
       padding: 0; 
}

.display-entrylist-list  .ui-selected { 
     background: #e0f0ff; 
}


.display-entrylist-list li { 
   vertical-align: center;
   padding:0px;
   margin: 0px;
}



.display-entrylist-entry {
   padding:0px;
   margin: 0px;
   cursor:pointer;
}



.display-entrylist-entry-main {
   padding: 3px;
   border-bottom: 1px #ddd solid;
}

.display-entrylist-entry-main-even {
      background: #F0F0F0;
}

.display-entrylist-entry-main:hover {
    background: #f0f8ff;
}


.display-entrylist-entry-main-selected {
   background: #ccccff;
   border-bottom: 1px #000 dotted;
}

.display-entrylist-entry-main-selected:hover {
   background: #ccccff;
}



.display-entrylist-details {
    display: none;
    padding: 0px;
    padding-left:24px;
    padding-bottom:4px;
    background:#fff;
    border-bottom:var(--basic-border);
}


.display-entrylist-details-inner {
    padding-left: 16px;
}

.display-entrylist-details-inner pre {
    background:#fff;
    border:0px;
}

.display-entrylist-details-snippet   {
    background:#fff;
    margin-right:5px;
    margin-bottom:5px;
    border:var(--basic-border);

}
.display-entrylist-details-ancestors, .display-entrylist-details-tags {
    padding-left:5px;
}

.display-entrylist-details-ancestors {
    font-weight:500;
}


.display-entrygallery {

}

.display-entrygallery-item {
    display:inline-block;
    width:200px;
    flex-grow:1;
}

.display-entrygallery-content   { 
   padding: 10px;
   border:1px #ccc solid; 
   min-height: 400px;
   overflow-y: auto;
}

.ui-selected  .display-entrylist-details {
   background-color : #fff;
}


.display-entry-toolbar {
   margin:0px;
   padding: 0px;
   vertical-align: center;
}

.display-entry-toolbar img {
}


.display-entry-toolbar img {
}


.display-entry-toolbar-item {
   vertical-align: center;
   display: inline-block;
   margin:0px;
   padding: 0px;
   padding-left: 2px;
   padding-right: 2px;
   border: 1px #aaa solid;
   border-color: transparent;
}

.display-entry-toolbar-item:hover  {
   border: 1px #aaa solid;
}

.display-operands {
}

.display-operands-inner {
   border:1px #ccc solid; 
   padding: 10px;
}

.display-map {
}

.display-map-message {
    position:relative;
    border-radius: var(--default-radius);
    display:inline-block;
    border: 1px #aaa solid;
    background-color : #fffeec;
    padding-left:10px;
    padding-right:10px;
    z-index:10000;
}



.display-map-map {
     min-width:200px; 
     min-height:200px; 
     outline: 0;
}

.display-map-map:focus {
}

.display-map-latlon {
}


.display-linechart .display-barchart   {
    border: 1px #ccc solid;
}

.display-linechart-inner .display-barchart-inner  {
}




.chart-submenu
{
  padding: 5px;
}

.chart-submenu li
{
  list-style: none;
  padding-top: 2px;
  padding-bottom: 2px;
}

.chart-submenu li:hover
{
  background-color: #fcf7bd;
}


.display-layout-table {
}

.display-wrapper {
}

.display-popup {
    max-width:400px;
    max-height:500px;
    overflow-y:auto;
    padding:5px;
}



.chart-entry-list-wrapper { 

}

.entry-list-entry {
   border-bottom: 1px #ccc solid;
}

.chart-entry-list-wrapper {
   max-width: 200px;
   background: red;
}

.chart-entry-list {
   padding: 5px;
   overflow-x: auto;
   overflow-y: auto;
   max-height: 600px;
   border: 1px #000 solid;
}


.display-shell-message {
   z-index: 1;
   padding:5px;
   padding-bottom:3px;
   border : 1px black solid;
   background-color : #ffffcc;
   display: none;
   position:absolute;
}

.display-shell-header {
   font-weight: bold;
}

.display-shell-output {
   overflow-x: auto;
   overflow-y: auto;
   height: 300px;
   max-height: 300px;
   border: 1px #888 solid;
   padding-top:4px;
   padding-bottom:4px;
}

.display-shell-input {
  margin-top: 5px;
  width: 400px;
  border : 1px #888 solid;
}

.display-shell-input:focus {
  background: #fffeec;
  border : 1px #000 solid;
}


.display-shell-result {
     padding-left:5px;
     padding-right:5px;
     padding-top:2px;
     padding-bottom:2px;
     border-bottom: 1px #ccc solid;
}

.display-colortable {
    font-size:10pt;
    max-width:100%;
    overflow-x:auto;
    /*border:1px #efefef solid;*/
    border-top:0px #efefef solid;
}

.display-colorscale-item {
    font-size:8pt;
    padding-left:2px;
    border-right:1px solid #aaa;
}

.display-colortable-title {
    font-weight:bold;
    padding-left:2px;
    padding-right:2px;    
    text-align:center;
}
.display-colortable-vertical {
    font-size:12pt;
}

.display-colortable-extra {
  font-size:10px;
}

.display-colortable-slice {
   padding:0px !important;
   padding-right:0px !important;
   padding-left:0px !important;
}

.display-colortable-inmap {
    z-index:100;
    position:absolute;
    background:#fff;
    border:1px solid #888;
    left:50px;
    top:30px;
    width:150px;
    max-height:90%;
    overflow-y:auto;
    overflow-x:hidden;
    white-space:nowrap;
}
.display-colortable-inmap .display-colortable-slice {
    overflow-x:hidden;
}


.display-colortable-dots-h {
    text-align:center;
}

.display-colortable-dot-item {
    margin-right:8px;
    padding:2px;
    display: inline-block;
    white-space:nowrap;
}

.display-colortable-dot-item-selected {
    background:#DCDCDC;
}

.display-colortable-dot {
    height: 18px;
    width: 18px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    border:1px solid #000;
}


.display-colortable-vertical .display-colortable-dot-item {
    display: block;
    padding-top:2px;
}

.display-colortable-vertical .display-colortable-dot {
    margin-left:4px;
}

.display-chart-legend {
    font-size: 10pt;
}

.display-chernoff-label {
  margin-top:10px;
  text-align:center;
}

.display-chernoff-face {
  display:inline-block;
  width:150px;
  height:150px;
}

.display-chernoff-wrapper {
  display:inline-block;
  margin:5px;
}
.display-chernoff-legend {
   text-align:center;
   max-width:100%;
   overflow-x:auto;
   white-space:nowrap;
   border: 1px #ccc solid;
   padding-top:4px;
   padding-bottom:4px;
   font-size:80%;
}

.display-chernoff-container {
   overflow-y:auto;
}

.chernoff  {
        fill: none;
        stroke: #000;
}


.ace_comment_line {
color:rgb(63, 127, 95);
}

.ace_notebook_tag {
   color:blue;
   border-top: 1px #ccc solid;
   width:100%;
   display:inline-block;
}

.display-notebook-console {
   margin-left:3px;
}

.display-notebook-console-output {
      height:200px;
      max-height:200px;
      overflow-y:auto;
      border:1px #ccc solid;
}


.display-notebook-console-from {
   color:#ccc;
   padding-left:2px;
   padding-right:2px;
   border-bottom-left-radius: var(--default-radius);
   border-left:1px #ccc solid;
   border-bottom:1px #ccc solid;
}

.display-notebook-console-item {
   border-bottom: 1px #ccc solid;
   font-family: "Monaco", "Menlo";
   font-size:9pt;
   padding-bottom:5px;
}

.display-notebook-console-item-error, .display-notebook-chunk-error {
  background:#FDF4F5;
  color: red;
}

.display-notebook-chunk-error {
   border:1px #ccc solid;
}

.display-notebook-console-item-output {
}

.display-notebook-console-type {
   margin-top:5px;
   margin-left:5px;
}

.display-notebook-header {
     outline:none;
     margin-top:2px;
     padding-top:1px;
     padding-bottom:1px;
     width:100%;
     cursor:pointer;
     border:1px solid transparent;
}

.display-notebook-header:hover {
  background:#fafafa;
  border:var(--basic-border);
}

.display-notebook-console-toolbar:hover {
  background:#fafafa;
}

.display-notebook-chunk {
/*   margin:1px;
   border: 1px #ccc solid;
*/
}

.display-notebook-chunk p {
     margin-top:0.5em;
     margin-bottom:0.5em;
}

.display-notebook-cell {
     border-collapse: collapse;
     margin-top:4px;
}

.display-notebook-cell .ramadda-menubar {
  margin:0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;  
}

.display-notebook-input {
    outline:none;
    margin:0px;
    padding:0px;
    padding-left:4px;
    width:100%;
    border:1px #eee solid;
    border-top:1px #ccc solid;
    background:rgb(250,250,250);
    overflow-y:auto;
}


.display-notebook-menu .ramadda-link {
}

.display-notebook-menu-block {
    padding:4px;
    padding-left:8px;
    padding-right:8px;        
    border-bottom:var(--basic-border);
}

.display-notebook-input:focus {
    border:1px #888 solid;
}



.display-notebook-menu-button {
  display:inline-block;
}

.display-notebook-menu-button:hover {
   background:#eee;
   cursor:pointer;
}




.display-notebook-output {
     padding-left:4px;
     width:100%;
     min-height: 15px;
}


.display-notebook-md a {
color:#5179D8;
/*color:#A8D3F4;*/
}

.ramadda-gridbox-contents a {
    color: var(--element-color);
}

.display-notebook-error  {
 color:red;
}


.display-tnse-toolbar {
  margin-left:20px;
   display:inline-block;   
}



.display-tnse-canvas-outer { 
      border-right:1px #ccc solid;
      padding-right:30px;
      padding-bottom:30px;
      width:100%;
      height:100%;
      max-width: 100%;
      max-height: 100%;
      overflow-x:hidden;
      overflow-y:hidden;
}


.display-tnse-canvas {
      width:100%;
      height:100%;
      position:relative;
      top:0%;
}

.display-tnse-details {
   width:100%;
   overflow-y:auto;
}

.display-tnse-mark:hover {
   z-index: 100;
}


.display-tnse-mark {
   border-radius: 4px;
   padding-right:2px;
   padding-left:2px;
   background:#efefef;
   white-space:nowrap;
   border: 1px #ccc solid;
   min-width:20px;
   min-height:20px;
   max-width: 100px;
   overflow-x:hidden;
   position:absolute;
   cursor:pointer;
}

.display-tnse-highlight {
  background:#fffeec;
  border: 1px #000 solid;
  z-index: 50;
}


.display-ranking-row {
   cursor:pointer;
}

.display-ranking-row:hover {
   background:#efefef;
}

.display-skewt-text {
text-align:left;
width:100%;
max-width:400px;
overflow-x:auto;
max-height:300px;
overflow-y:auto;
font-size:10pt;
font-family:monospace;
}

.display-skew-text {
  white-space: pre;
  font-family: monospace;
}

.display-skewt-index-label {
   display:inline-block;
   width:200px;
   max-width:200px;
   text-align:right;
   vertical-align:bottom;
   overflow-x:hidden;
   font-weight:bold;
   white-space:nowrap;
}

.display-skewt-index {
   font-style:italic;
   display:inline-block;
   max-width:100px;
   width:100px;
   vertical-align:bottom;
   white-space:nowrap;
}

.display-searchbar {
    text-align:center;
}

.display-cards-items {
 margin-left:5px;
 margin-right:5px;
}

.display-cards-header {
   font-weight:bold;
   margin:2px; 
   padding:2px; 
   background:#eee;
   text-align:center;
}

.display-cards-item {
   display:inline-block;
   text-align:center;
}

.display-cards-card {
  display:inline-block;
  border: 1px #ccc solid;
  margin:4px;
  padding:4px;
}

.display-blocks-blocks {
    line-height: 0px;
}

.display-block {
background:#423E3B;
width: 8px;
hight:8px;
display: inline-block;
margin:1px;
}

.display-block-icon {
display: inline-block;
margin:1px;
}


.display-blocks-footer {
margin-top:6px;
text-align:center;
}

.display-blocks-header {
margin-bottom:10px;
text-align:center;
}

.display-request-reload {
    cursor:pointer;
}


.display-frequency-banner {
}


.display-frequency-banner-element {
    display: inline-block;
    margin:2px;
    padding:5px;
    text-align:center;
    border: 1px solid rgba(0,0,0,0);

}
.display-frequency-banner-element:hover {
    border: 1px solid #ccc;
    cursor:pointer;
}



.display-frequency-table {
  margin:5px;
  vertical-align:top;
  display:inline-block;
}

.display-frequency-item {
    display:inline-block;
    margin:5px;
    border:1px solid transparent;
    padding:2px;
}

.display-frequency-item:hover {
    cursor:pointer;
    border:var(--basic-border);
}

.display-frequency-item-selected {
    background:#efefef;
}


.display-crosstab td {
  padding:5px;
}
.display-crosstab-header {
font-weight:bold;
}

.display-crosstab-header-row {
  background: #efefef;
}

.display-images-toplabel {
    font-weight:bold;
    color:#000;
    font-size:10pt;
    max-width:100%;
    overflow-x:hidden;
}

.display-images-label {
    color:#666;
    font-size:10pt;
    max-width:100%;
    overflow-x:hidden;
}

.display-images-block {
    text-align:center;
    display: inline-block;
    border: 1px solid transparent;
}

.display-images-block:hover {
    cursor:pointer;
}

.display-images-pad {
    margin:10px;
}

.display-slides-contents  {
    overflow-x:hidden;
    overflow-y:hidden;    
}

.display-slides-contents table {
    table-layout:fixed;
}



.display-stripes-stripe {
    cursor:pointer;
}

.display-slides-strip {
    display:flex;
    white-space:nowrap;
    overflow-x: scroll;
    width:100%;
    max-width:100%;
    -ms-overflow-style: none;  
    scrollbar-width: none;  
    text-align:center;
}

.display-slides-strip:focus {
    outline: none;
}

.display-slides-strip::-webkit-scrollbar {
    display: none;
}

.display-slides-strip td {
    padding:0px;
}

.display-slides-strip-image {
    padding:4px;
}
.display-slides-strip-image:hover {
    cursor:pointer;
}

.display-slides-strip-image-selected {
    background:#B0E0E6;    
}

.display-slides-label {
    font-weight:bold;
    text-align:center;
}


.display-images {
    display:flex;
    flex-wrap: wrap;
}

.display-images-image-outer {
    flex-grow:1;
    border:var(--basic-border);
    padding:10px;
    padding-bottom:10px;
    margin:10px;
    margin-bottom:10px;
    box-shadow: rgba(116, 129, 141, 0.4) 3px 3px 10px -2px;
}


.display-images-image-inner {
    text-align:center;
}

.display-imagezoom-thumb {
    border:1px solid #ccc;
    margin-bottom:4px;
    cursor:pointer;
    border:1px solid transparent;
}

.display-imagezoom-popup {
    border: 1px solid #ccc;
    margin-left:5px;
    padding:1px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}

.display-slides-slide {
    margin-left:20px;
    margin-right:20px;    
    padding-left:10px;
    padding-right:10px;
}

.display-slides-arrow-left  {
    cursor:pointer;
    position:absolute;
    left:5px;
    top:10px;
}

.display-slides-arrow-right  {
    position:absolute;
    right:5px;
    top:10px;
    cursor:pointer;
}

.display-raw-line  {
    cursor:pointer;
}

.display-raw-line-selected  {
    background:#fffeec;
}

.display-field-legend {
    padding-top:5px;
    padding-bottom:5px;    
}

.display-topfields-record {
    display:inline-block;
    margin:5px;
    vertical-align:top;
    cursor:pointer;
    padding:4px;
}

.display-topfields-selected {
    background:#efefef;
}

.display-topfields-header {
    text-align:center;
    padding-left:10px;
    padding-right:10px;
    font-weight:bold;
    border-bottom: 1px solid #ccc;
    cursor:pointer;
}
.display-topfields-values {
}

.display-topfields-highlight {
    background:#FFFBD8;
}


.display-mapgrid-cell {
    cursor:pointer;
    padding:2px;
    border:1px solid #ccc;
}
.display-mapgrid-cell:hover {
    border:1px solid #888;
}

.display-mapgrid-selected {
    border: 1px solid red;
    background:red;
    margin:10px;
}



.display-tree-block {
    margin-left:20px;
}

.display-tree-toggle:hover {
    cursor:pointer;
}

.display-tree-toggle-details:hover {
    cursor:pointer;
}

.display-cooc-table {
    border-spacing:0;
    height:100%;
}

.display-cooc-table td {
    height:100%;
}

.display-cooc-table td {
    border: 1px solid #ccc;
}
			       
.display-cooc-colheader-td {
}

.display-cooc-colheader {
    background:white;
    width:10px;
    transform: rotate(-45deg) translateX(6px) translateY(-4px);
    transform-origin: bottom right;
    font-size:7pt;
    margin-left:6px;
}

.display-stripes-vertical-label {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
  }



.display-cooc-rowheader {
    font-size:7pt;
    margin-right:4px;
}

.display-cooc-cell {
    font-size:2pt;
    height:auto;
    width:100%;
}


.display-cooc-cell:hover {
    border: 1px solid #888;
}

.display-colorboxes-label {
    text-align:center;
    font-size:80%;
}

.display-colorboxes-header {
    cursor:pointer;
    font-weight:bold;
}


.display-colorboxes-image {
    display:inline-block;
    margin:2px;
    margin-left:4px;
}

.display-colorboxes-image img {
    border-radius:50%;
}

.display-colorboxes-box {
    border: 1px solid #ddd;
    border-radius: 4px;
    display:inline-block;
    margin:1px;
    width:20px;
    height:20px;
}

.display-colorboxes-box:hover {
   border: 1px solid #999;
}

.circle-overlay {
    font-size: 10px;
    position: absolute;
    overflow: hidden;
}
.circle-overlay__inner {
    text-align: center;
    width: 100%;
    height: 100%;
}
.bubblechart-hidden {
    display: none;
}
.node-icon--faded {
    opacity: 0.5;
}
.bubblechart-legend-size circle {
    fill: rgb(31, 119, 180);
}
.node-icon {
    cursor:pointer;
}

.display-datatable-header {
    border-bottom: 1px solid #aaa;
    font-weight:bold;
}

.display-datatable-header-slant {
    width:10px;
    transform: rotate(-45deg) translateX(6px) translateY(-4px);
    transform-origin: bottom right;
}

.display-datatable-footer {
    border-top: 1px solid #aaa;
}

.display-datatable-name {
    padding:0px;
    padding-left:5px;
    padding-right:5px;
    border-right: 1px solid #aaa;
    font-weight:bold;
}

.display-datatable-cell {
    border:1px solid #efefef;
}


.display-datatable-value {
    display:inline-block;
    padding-right:5px;
    min-width:5px;
    height: 20px;
}

.display-datatable-piechart {
    display:inline-block;
    border: 1px solid transparent;
}

.display-datatable-piechart:hover {
    border: 1px solid #ccc;
}

.display-datatable-counts {
    display:inline-block;
}


.display-datatable-tooltip {
    font-size:9pt;
}

.display-datatable-selector {
    font-size:8pt;
}

.display-datatable-summary-row, .display-datatable-summary-column {
    font-size:8pt;
    background:#aaa;

}

.display-datatable-summary-row {
    padding-left:4px;
    padding-right:4px;    
}


.display-datatable-summary-column {
    margin-left:1px;
    margin-right:1px;
    text-align:center;
}


.display-legend-color {
    display:inline-block;
    margin-right:4px;
}

.display-legend-item {
    white-space: nowrap;
    display:inline-block;
}

.display-legend-label {
    display:inline-block;
    margin-right:10px;
}


.sparkline-tooltip {	
    position: absolute;			
    padding:0px;
    padding-left:5px;
    padding-right:5px;
    box-shadow: 0 0 1px black;
    background:#fff;
    font-size: 10pt;
    border: 0px;		
    pointer-events: none;			
}


.display-sparkline-header {
    display:inline-block;
    text-align:center;
    font-weight:bold;
}    

.display-sparkline-date {
    display:inline-block;
    font-size:9pt;
    vertical-align:bottom;
}

.display-sparkline-value {
    display:inline-block;
    font-size:9pt;
    vertical-align:bottom;
}

.display-sparkline-sparkline {
    display:inline-block;
    font-size:9pt;
}

.display-fieldtable-header {
    font-weight:bold;
    margin:5px;
    text-align:center;
}


.display-fieldtable-rowheader {
    font-weight:bold;
    margin:5px;
    cursor:pointer;
}

.display-fieldtable-row:hover {
    background:#efefef;
}

table.dataTable tfoot td {
    border-top-width:0px;
}


.display-dotstack-dot {
    margin:1px;
    cursor:pointer;
}

.display-dotstack-block {
    text-align:center;
    display:inline-block;
    border-bottom:1px solid #000;
    padding-left:8px;
    padding-right:8px;
    margin:10px;

}




.display-dotbar-dot {
    cursor:pointer;
    height: 16px;
    width: 16px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    border:1px solid transparent;
    z-index:40;
}

.display-dotbar-dot:hover {
    border:1px solid #000;
    z-index:60;
}


.display-dotbar-dot-highlight {
    border:2px solid #000 !important;
    z-index:50;
}


.display-dotbar-dot-select {
    border:1px solid #000 !important;
    z-index:50;
}


.display-table-cell {
  height: 35px;
}


.display-canvas-title {
    text-align:center;
    font-weight:bold;
}

.display-canvas-canvas {
/*    border:1px solid #999;*/
}

.display-canvas-canvas-highlight {
}

.display-canvas-canvas-unhighlight {
    background:#ccc;
}

.display-canvas-block {
    display:inline-block;
    text-align:center;
}


.display-reloader-label {
}



.display-hours-label {
    font-weight:bold;
}

.display-hours-box-container {
    display:inline-block;
    position:absolute;
}


.display-hours-box {
    display:inline-block;
    height: 20px;
    cursor:pointer;
    border:1px solid transparent;
}

.display-hours-box-extra .display-hours-box {
    margin-right:2px;
}

.display-hours-box-multi {
    font-size:8pt;
    background: #efefef;
    user-select:none;
    margin-bottom:2px;
    border: 1px solid #ccc;
    display:inline-block;
    position:absolute;
    cursor:pointer;
    padding:2px;
}

.display-hours-box-multi:hover,.display-hours-box:hover {
    z-index:100;
    border:1px solid red;
}



.display-hours-box-extra {
    display:none;
    position:absolute;
    line-height:0.25em;
    background:#efefef;
}

.display-minidots-dots {
    background:#ccc;

}


.display-maparray-blocks {
    margin-bottom:10px;
}

.display-maparray-block {
    display:inline-block;
    margin-top:8px;
    margin:5px;
    font-size:8pt;
    text-align:center;
}

.display-ticks-ticks {
    margin-bottom:2px;
}


.display-glossary-header {
    text-align:center;
}

.display-glossary-letter {
    display:inline-block;
    padding-left:5px;
    padding-right:5px;    
    font-weight:bold;
    font-size:120%;
    cursor:pointer;
}

.display-glossary-letter-highlight {
    background:#efefef;
}

.display-glossary-group {
    font-weight:bold;
    font-size:130%;
}

.display-glossary-group-header {
    margin-top:20px;
    padding-left:10px;
    background:#efefef;
}

.display-glossary-group-inner {
    margin-left:15px;
}


.display-glossary-entry {
    margin-top:5px;
    margin-bottom:5px;
}

.display-glossary-word {
    font-weight:bold;
}

.display-simplesearch {
    position:relative;
}

.display-simplesearch-inner .metadata-tags {
    max-height:200px;
    overflow-y:auto;
}

.ramadda-simplesearch-container {
}

.display-simplesearch-entries {
    max-width:300px;
    overflow-x:hidden;
    padding:5px;
    max-height:300px;
    overflow-y:auto;
    border-top:var(--basic-border);
}


.display-simplesearch-entry {
    max-width:300px;
    white-space:nowrap;
    overflow-x:hidden;
    margin-left:4px;
    margin-right:4px;
}

.display-simplesearch-entry a {
    text-decoration:none;
    display:inline-block;
    width:100%;
}

.display-simplesearch-entry:hover a {
}


.display-simplesearch-input {
    margin-top:4px;
  padding-left: 5px;
  border-radius: var(--default-radius);
  font-size: 11pt;
}





.display-entries-results {
   padding-left: 10px;
   padding-right: 10px;
   margin-bottom: 2px;
   font-style:italic;
   height:1.5em;
   min-height:1.0em;
}

.display-entries-entries {
    margin-left:8px;
    margin-right:8px;
    max-width: 400px;
    overflow-x:auto;
    max-height:400px;
    overflow-y:auto;
}


.display-simplesearch-entry {
    cursor:pointer;
}
.display-simplesearch-entry:hover {
    background:#eee;
}

}
.ramadda-menu-item:hover {
    background:#eee;
}

.display-dategrid-table {
    position:relative;
}


.display-dategrid-row {
    border:1px solid #efefef;
    position:relative;
}

.display-dategrid-box {
    position:absolute;
    cursor:pointer;
    margin-left:0px;
    margin-right:0px;
}

.display-dategrid-box-highlight {
    border:1px solid red;
}


.display-dategrid-rowlabel {
    font-size:10pt;
}

.display-dategrid-stats {
    font-size:10pt;
    margin-left:3px;
}

.display-dategrid-header {
    font-weight:bold;
}

.display-dategrid-dateheader {
    position:relative;
    width:100%;
    overflow:hidden;
}

.display-dategrid-date {
    font-size:10pt;
    position:absolute;
}
.display-dategrid-tick {
    font-size:10pt;
    position:absolute;
}




.display-fields {
   padding-left:10px;
   padding-top:0px;
   padding-bottom:4px;
   min-width: 250px; 
   max-width: 500px; 
   overflow-y: auto;
   max-height: 200px;
}


.display-fields-field-color {
    width:10px;
    height:10px;
    position:absolute;
    right:0px;
    top:50%;
    transform: translateY(-50%);

}

.display-fields-field {
    display:inline-block;
    padding:8px;
    user-select:none;
    border:1px solid transparent;
}



.display-fields-field-decorated {
    border:1px solid #ccc;
    border-bottom:0px solid #ccc;
}

.display-fields-field-decorated:last-child {
    border:1px solid #ccc;
}


.display-fields-field-selectable {
    cursor:pointer;
}

.display-fields-list-field {
    display:block;
    margin:0px;
    padding:2px;
}


.display-fields-field-selected {
    background:#e0f0ff; 
    font-weight:800;
}

.display-fields-field:hover {
    background:var(--highlight-background);
}

.display-fields-droppable {
    border:1px solid #000 !important;
    background:#ccc;
}



.tl-slide-content-container {
    vertical-align:top !important;
}



.ramadda-dot {
  height: 22px;
  width: 22px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  border:1px solid #ccc;
}
.ramadda-dot:hover {
    border:1px solid #000;
}
    
.imdv-style-suffix {
    margin-left:4px;
    margin-right:4px;
}
.imdv-form-header {
    font-weight:bold;
    margin-top:6px;
    background:#efefef;
    padding-top:2px;
    padding-left:8px;
    border-bottom:var(--basic-border);
}

.imdv-legend::-webkit-scrollbar {
    display:none;
}


.imdv-legend {
    min-width:200px;
    max-width:200px;    
    width:200px;
    overflow-y:scroll;
    border-bottom:1px solid #dadada;
}

.imdv-legend-box {
    margin-top:10px;
    width:15px;
    height:15px;
    margin-right:5px;
    display:inline-block;
}

.imdv-legend-top {
    margin-right:10px;
    padding:5px;

}


.imdv-legend-offset {
    margin-left:10px;
}

.imdv-route-step {
    border:1px solid transparent;
    padding:2px;
}

.imdv-route-step-on, .imdv-route-step:hover  {
    border:var(--highlight-border);
}

.imdv-stac-item {
    margin:4px;
}

.imdv-legend-map-wrapper {
    max-width:200px;
    position:absolute;
    border:1px solid #aaa;
    border-radius: 6px;
    border-radius:var(--default-radius);    
    background:#fff;
    z-index:500;
}


.imdv-legend-map-wrapper .display-colortable {
    font-size:80%;
}


.imdv-legend-item {
    border-top:var(--basic-border);
}

.imdv-legend-item-droppable {
    background:var(--color-mellow-yellow);
//    background:var(--highlight-background);
    border-top:2px solid #000;
    border-bottom:2px solid #000;    
}

.imdv-legend-item-last {
    border-bottom:var(--basic-border);
}

.imdv-legend-inner {
    margin-left:5px;
    margin-bottom:5px;
}

.imdv-legend-body {
    background:#fff;
    font-size:80%;
}

.imdv-legend-top-body {
    font-size:90%;
}


.imdv-legend-label {
    user-select:none;
}

.imdv-legend-text {
    max-height:100px;
    overflow-y:auto;
}

.imdv-legend-label-invisible {
    background:#eee !important;
}

.imdv-legend-label-highlight {
    background:var(--color-mellow-yellow);
}

.imdv-filter-slider-label {
    max-width:70px;
    overflow-x:auto;
}


.imdv-filter-enum {
}

.imdv-properties-section {
    max-height:400px;
    overflow-y:auto;
    margin-left:10px;
}

.imdv-side-help {
    max-width:300px;
    width:100%;
    max-height:150px;
    margin-left:10px;
    overflow-y:auto
}

.imdv-stylegroup {
    border-bottom:1px solid transparent;
    border-top:1px solid transparent;
}


.imdv-stylegroup:hover {
    background:var(--highlight-background);
}


.imdv-stylegroup-selected {
    background:var(--highlight-background);
    border-bottom:1px solid #aaa;
    border-top:1px solid #aaa;
}



.imdv-message-inner {
    display:inline-block;
    white-space:nowrap;
    margin-left:10px;
    margin-bottom:2px;
    background:var(--color-mellow-yellow);
    padding:2px;
    padding-left:6px;
    padding-right:6px;    
    border: var(--basic-border);
}

.ramadda-imdv-fixed {
    border-radius: 4px;
    position: absolute;
}

.ramadda-imdv-message2 {
    display:none;
    min-width:200px;
    max-width:200px;    
    overflow-x:none;
    padding:4px;
    border : var(--basic-border);
    position: absolute;
    background-color : var(--color-mellow-yellow);
    right:10px;
    top:5px;
    z-index:1000;
}

.ramadda-imdv-message3 {
    min-width:200px;
    min-height:1.5em;
    padding:4px;
    position: absolute;
    right:10px;
    bottom:5px;
    z-index:1000;
}

.imdv-inmap-labels {
    position: absolute;
    left:10px;
    bottom:5px;
    z-index:1000;
}

.imdv-inmap-label {
    font-size:8pt;
    margin-right:8px;
    padding:2px;
    padding-left:4px;
    padding-right:4px;        
    display:inline-block;
    background:#eee;
    background:rgba(255,255,255,0.9);
}    

.imdv-inmap-label-invisible {
    background:rgba(255,255,255,0.4);
}

.imdv-feature {
}


.imdv-feature-selected {
    background:#efefef;
}

.imdv-commands {
    margin:5px;
    width:150px;
}

.imdv-command {
    width:100%;
    margin-bottom:5px;
}

.imdv-command-active, .ramadda-display-editablemapitem-command-active:hover {
    border:1px solid #000;
    background:#ccc;
}

.display-three-globe-popup {
    /* shadow popup */ background-color : #FFF; border:1px solid #ccc; border-radius: 4px;z-index:1000;box-shadow: rgba(116, 129, 141, 0.4) 3px 3px 10px -2px; -webkit-box-shadow: rgba(116, 129, 141, 0.4) 3px 3px 10px -2px; 
    color:#000;
    background-color:rgba(250,250,250,0.9);    
    width:300px;
    max-height:400px;
    overflow-y:auto;
    overflow-x:auto;    
}


.display-three-globe-popup .display-record-table-label {
    max-width:100px;
    overflow-x:hidden;
}

.display-menu-button-item {
    border-radius: 4px;
    display:inline-block;
    border:1px solid #ccc;
    padding:2px;
    padding-left:5px;
    padding-right:5px;
    margin-left:3px;
    margin-right:3px;    
}

.display-menu-button-item-on {
    background:var(--highlight-background);
}


.display-menu-contents {
    display:inline-block;
    white-space:nowrap;
}

.display-td tr {
    background:transparent !important;
}



.circles-1 {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMCcgaGVpZ2h0PScxMCc+CiAgPHJlY3Qgd2lkdGg9JzEwJyBoZWlnaHQ9JzEwJyBmaWxsPSJ3aGl0ZSIgLz4KICA8Y2lyY2xlIGN4PSIxIiBjeT0iMSIgcj0iMSIgZmlsbD0iYmxhY2siLz4KPC9zdmc+");
  background-repeat: repeat;
}


.tl-timegroup .tl-timegroup-message {
  color: black !important;
}

h2.tl-headline {
    font-size:28px !important;
    line-height: 1em !important;
}

.tl-timemarker-text h2 {
    font-size:11px !important;
}