@charset "UTF-8";
:root {
    --font-size:12pt;
    --font-family:    "Helvetica Neue", Arial, Helvetica, sans-serif;
    --basic-border:1px #ddd solid;
    --line-border:1px #eee solid;
    --light-border:1px rgb(239, 243, 244) solid;    

    --nav-color:#000;
    --nav-link-color:#000;
    --highlight-color:#0074D9;
    --hover-color:var(--highlight-color);
    --highlight-border:1px #aaa solid;
    --highlight-background: #f4f4f4;
    --header-background:  #eaeaea;
    --href-color: var(--highlight-color);
    --href-decoration:none;   
    --href-decoration:underline;
    --href-color: #000;
    --color-mellow-yellow:#fffeec;
    --default-radius:6px;
    --nav-hover-color:var(--highlight-color);
    --cal-font-size:10pt;
    --cal-background-on:#C5E5F5;
    --cal-background:#eaeaea;
    --nav-left-z-index: 50;
    --header-height:50px;
    --nav-page-fixed-z-index:200; 
    --block-z-index:1;
    --draggable-z-index:1000;
    --expandable-z-index:500;
    --draft-z-index:3000;
    --splash-z-index:3000;
   --splash-z-index2:3001;   
   --ol-z-index:0;
   --ol-popup-z-index:1100;
   --animation-tick-z-index:0;    
   --animation-tick-hover-z-index:50;
   --ui-dialog-z-index: 10000;
   --selectdiv-z-index: 900;
   --floatdiv-z-index:1;
   --hideshow-z-index:2;
   --wikieditor-message-z-index:1000;
   --wikieditor-preview-z-index:1000;
   --wikieditor-preview-handle-z-index:1001;
   --popup-z-index:  3000;
   --modal-z-index:15000;
   --header-z-index:100;
   --image-edit-z-index:1000;
   --embed-link-background:rgba(229, 150, 55, 0.95);
   --embed-link-background:#4E8696;
   --embed-link-color:#fff;   
   --embed-link-background-hover:#569098;
   --heading-color:#000;
   --heading-weight:400;
}

body {
    position:relative;
    font-family: var(--font-family);
    font-size: var(--font-size) !important;
    margin: 0px;
    padding: 0px;
}

html, body {
    height: 100%;
}

form {
    margin:0px;
    padding: 0px;
}

textarea, input {
    resize:both !important;
}

select, input, password, .fileinput, textarea {
    border  :var(--basic-border);
}

.ramadda-important input[type="checkbox"]:checked + label {
    background:red;
}


inlineblock {
    display:inline-block;
}


.ramadda-outercontents {
    position:relative;
}

.ramadda-datastatus {
    border-radius:var(--default-radius);
    display:inline-block;
    background:rgba(153,255,255,0.2);
    border:var(--basic-border);
    padding:2px;
    padding-left:6px;
    padding-right:6px;    

}


.fileinput_wrapper {
    background:#fff;
    display:inline-block;
    border  :var(--basic-border);
    padding:2px;
    cursor:pointer;
    margin-right:10px;
    vertical-align:top;
}

.fileinput_wrapper:hover {
    border  :var(--highlight-border);
    background:var(--highlight-background);
}

.fileinput_label {
    display:inline-block;
    width:400px;
}

.fileinput_label_empty {
    margin-left:4px;
    display:block;
    color:#aaa;
}


.ramadda-hidden {
    display:none;
}    

.ramadda-dict {
    display:none;
}


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

select {
    background:#fff;
    padding:3px;
    width:auto;
}

select:focus {
    border:var(--highlight-border);
    outline:none;
}

.ramadda-nooutline:focus {
    outline:none;
}

/*Resets for bootstrap*/
h1 {
    font-size: 170%;
    margin-top:1em;
    margin-bottom:0px;    
}
h2 {
    font-size:155%;
    margin-top:1em;
    margin-bottom:0px;    
}
h3 {
    font-size: 140%;
    margin-top:1em;
    margin-bottom:0px;    
}
h4 {
    font-size: 125%;
    margin-top:1em;
    margin-bottom:0px;    
}
h5 {
    font-size: 110%;
    margin-top:1em;
    margin-bottom:0px;    
}
h5 {
    font-size: 100%;
    margin-top:1em;
    margin-bottom:0px;    
}

h6 {
    font-size: 90%;
    margin-top:1em;
    margin-bottom:0px;    
}

/* for centering */
.ramadda-center {
  display: flex;
  align-items: center;
  justify-content: center;       
}


.ramadda-abs {
    display:inline-block;
}

.ramadda-abs-canvas {
}
.ramadda-abs-canvas:focus {
    border:0px;
    outline:none;
}

.ramadda-page-title  {
    font-size:200%;
    text-align:center;
}

.ramadda-page-title  a:hover {
    text-decoration:underline;
}

.underline {
    text-decoration:underline !important;
}

.ramadda-page-ltitle  {
    font-size:200%;
    text-align:left;
}

.ramadda-page-subtitle  {
    font-size:var(--font-size);
    text-align:center;
}

.ramadda-heading-outer  {
    text-align:center;
    margin-top:0.5em;
}

ramadda-heading, .ramadda-page-heading a, a.ramadda-page-heading, .ramadda-heading, .ramadda-lheading, .ramadda-blurb {
    font-size:150%;
    color:var(--heading-color);
    font-weight:var(--heading-weight);
}

.ramadda-heading2 {
    font-size:120%;
}

ramadda-heading, .ramadda-page-heading, .ramadda-heading  {
    padding: 0px;
    margin: 0px;
    text-align: center;
}

ramadda-heading {
    display:block;
}

ramadda-heading, .ramadda-page-heading {
    font-weight:bold;
}

.ramadda-access-status {
    margin:5px;
    border-radius:var(--default-radius);
    padding:4px;
    display:inline-block;
    border: var(--basic-border);
}

.ramadda-llm-chat .container {
    width:100%;
}

.ramadda-lheading  {
    padding: 0px;
    margin: 0px;
    color:var(--heading-color);
}

.ramadda-heading-inner, .ramadda-lheading-inner {
    display:inline-block;
    position:relative;
}

.ramadda-page-heading-bg {
    background:var(--header-background);
    padding:8px;
    padding-bottom:4px;
    padding-top:4px;    
    font-weight:bold;
}


.ramadda-favorites-header {
    text-align:center;
    font-weight:bold;
    border-bottom:var(--basic-border);
    background:var(--header-background);
}
.ramadda-bigtext-toggle {
    font-size:80%;
    position:absolute;
    bottom:4px;
    left:50%;
    transform: translateX(-50%);
    background:#fff;
    font-weight:400;
    vertical-align:center;
    border:1px solid #ccc;
    border-radius:var(--default-radius);
    padding:5px;
    line-height:10px;
}

.ramadda-bigtext-toggle:hover {
    background:var(--highlight-background);
}    


.ramadda-bigtext-fade {
    position: absolute;
    bottom: 0%; 
    left: 0;
    width: 100%;
    height: 50px; 
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}



.ramadda-wiki-error, .ramadda-error,.ramadda-session-error  {
    text-align:left;
    display:inline-block;
    margin:4px;
    border:1px solid #000;
    background:yellow;    
    padding:4px;
    max-height:200px;
    overflow-y:auto;
    max-width:800px;
    overflow-x:overlay;
}

.seesv-table-cell {
    overflow-x:hidden;
}

.ramadda-shadow-box {
    background-color : #FFF; 
    display:inline-block;
    padding:5px;
    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;
    border-radius:var(--default-radius);
    border:1px solid rgb(211, 220, 228); 
}

p {margin-top:1em;}

a {
    color: var(--href-color);
    text-decoration: var(--href-decoration);
}

.ramadda-nodecor {
    text-decoration: none;
}
.ramadda-decor {
    text-decoration: underline !important;
}

a:hover {
    color:var(--highlight-color);
    cursor:pointer;
}

a.btn:link {color: #000;}

h2 a,   h2 a:visited, h2 a:link  {color: #000;}

.row {margin-right:0px;margin-left:0px;}

/* reset the bootstrap pagination to enable  scrollify */
.pagination {
    display: block;
}

.black_href a, .black_href a:visited, .black_href a:link {
    color:#000;
}

.ramadda-colortable-select {
    cursor:pointer;
}

.fancybox-image {
    background:#fff;
}

.ramadda-hero-image {
    height: 100%;
    max-width:100%;
    object-fit: cover;
    width: 100%;
}

.fancybox-caption__body {
    font-size:16pt;
}

.fancybox-caption__body a {
    text-decoration:underline !important;    
}

.ramadda-dialog {
    margin:8px;
}

.ramadda-buttons {
    text-align:center;
    margin:4px;
}

.ramadda-button-disabled {
    background:#ccc;
}


.ramadda-menu-button {
    background:#fff;
    display:inline-block;
    margin-left:4px;
    margin-right:4px;
    margin-bottom:2px;
    margin-bottom:2px;
    cursor:pointer;
    padding:4px;
    border:var(--basic-border);
    
    border-radius:var(--default-radius);
}



.ramadda-map-bubble a {
    text-decoration: underline !important;
}

.ramadda-map-button {
    padding:2px;
    padding-left:4px;
    padding-right:4px;    
    font-size:80%;

}


.ramadda-iframe-progress {
    background: URL(icons/mapprogress.gif);
    background-size: 100px auto;
    background-position: top;
    background-repeat: no-repeat;

}


.ramadda-iframe-pdf {
    background: URL(icons/mapprogress.gif);
    background-size: 200px auto;
    background-position: center;
    background-repeat: no-repeat;

}



.ramadda-menu-divider {
    margin-top:2px;
    margin-bottom:2px;    
    border-bottom:1px solid #ccc;
}
.ramadda-menu-button.bold {
    border:1px solid #888;
}

.ramadda-menu-button:hover {
    background:var(--highlight-background);
}

.ramadda-ul {
    /*padding-left:15px;*/
}

.ramadda-bullet {
    margin-bottom:4px;
}

.ramadda-link-bar {
    display:inline-block;
    border-radius:var(--default-radius);
    border:var(--basic-border);
    padding:0px;
    padding-top:4px;
    padding-bottom:4px;
}

.ramadda-link-bar:hover {
    border:1px solid #888;
}

.ramadda-link-bar-item {
    border-right:var(--basic-border);
    padding:6px;
}

.ramadda-link-bar-item:last-child {
    border-right:0px;
}

.ramadda-link-bar-item-active {
    background:var(--highlight-background);
}

.ramadda-button-bar {
    text-align:center;
    padding-top:0.5em;
    padding-bottom:0.5em;        
}

.ramadda-button {
    margin-right:4px;
    margin-left:4px;    
}
.ramadda-button a, .ramadda-button a:hover {
    color:rgb(85, 85, 85);
    text-decoration:none;
}


.ramadda-button:hover {
    border:var(--highlight-border) !important;    
}

.ramadda-button-bar {
    border-radius: 0;
    margin:0px;
}

.ramadda-button-on {
    background:#aaa;
}


a:visited.ramadda-button-blue, a:visited.ramadda-button-green, a:link.ramadda-button-blue, a:link.ramadda-button-green {
    color:#f4fafc;
}

a:link.ramadda-button-blue:hover, a:visited.ramadda-button-blue:hover, .ramadda-button-blue:hover, a:link.ramadda-button-green:hover,a:visited.ramadda-button-green:hover, .ramadda-button-green:hover {
    color: #000;
}

.ramadda-button-blue {
    background:#3A8DD6;
    border:1px #3A8DD6 solid;
}



.ramadda-button-green {
    background:#188fa7;
    border:1px #188fa7 solid;
}

.ramadda-button-tan {
    background:#e1b07e;
    border:1px #e1b07e solid;
}

.ramadda-button.ramadda-button-small {
    font-size:80% !important;
    padding:4px;
    padding-top:3px;
    padding-bottom:3px;
}

.ramadda-hflow {
    display:inline-block;
}

.ramadda-nav-top {
    text-align: center;
    font-size:120%;
    margin-top:4px;
    margin-bottom:4px;
}

.ramadda-nav-top-delimiter {
    margin-left:5px;
    margin-right:5px;
    
}    


.ramadda-nav-top-fixed {
    margin-top:4px;
    padding-top:4px;
    border-top:var(--basic-border);
    padding-bottom:400px;    
    overflow-y:auto;
}

.ramadda-tree-link, .ramadda-nav-link {
    text-decoration:none;
    color:#000;
}

.ramadda-nav-left-extra li {
    margin:0px;
}

.ramadda-nav-link-active {
    background:#eee;
    font-weight:500;
}

.ramadda-nav-link-0 {
    font-size:110%;
    font-weight:bold;
}    

.ramadda-nav-link-1 {
    padding-left:10px;
}    

.ramadda-nav-link-2 {
    padding-left:20px;
}    

.ramadda-nav-link-3 {
    padding-left:30px;
}    

.ramadda-li {
    position: relative;
    padding-left:0.8em;
}

.ramadda-li::before {
    content: "•"; 
    position: absolute;
    left: 0;
    color: black;
    font-size: 1.5em;
}





.ramadda-nav-list-link::before{
   content: '';
   display: inline-block;
   width: 8px;
   height: 8px;
   -webkit-border-radius: var(--default-radius);
   border-radius: var(--default-radius);
   background-color: #444;
   margin-right:4px;
}

.ramadda-nav-list-link-1 {
    margin-left:0px;
    list-style-type: circle;
}    

.ramadda-nav-list-link-2 {
    margin-left:30px;
    list-style-type: circle;
}    

.ramadda-nav-list-link-3 {
    margin-left:60px;
    list-style-type: circle;
}    

.ramadda-links-horizontal {
    display:inline-block;
}

.ramadda-nav-popup-container {
    display:inline-block;
    position:relative;
}

.ramadda-nav-popup {
    font-size: var(--font-size);
    display:none;
    position:absolute;
    width:200px;
    padding:5px 10px;
    text-align:left;
}

.ramadda-nav-popup-link {
    display: inline-block;
    cursor:pointer;
    width:100%;
}

.ramadda-nav-popup a {
    color: var(--nav-link-color);
}

i.fa, i.fas,i.fab {
    color:#aaa;
    font-size:var(--font-size);
}

.ramadda-nav-horizontal .ramadda-links a {
    display:inline-block;
    width:100%;
}

.ramadda-nav-left {
    padding:5px;
    padding-top:10px;
    width:250px;
    border-right:var(--basic-border);
    background:#FAFAFA;
    min-height:calc(100vh - var(--header-height));
    max-height:calc(100vh - var(--header-height));
    height:calc(100vh - var(--header-height));
    position:fixed;
    top:var(--header-height);
    left:0px;
    z-index: var(--nav-left-z-index);
}

.ramadda-nav-left-links {
   width:100%;
   height:calc(100vh - var(--header-height));
   max-height:calc(100vh - var(--header-height));
   overflow-y:auto;
   white-space:nowrap;
   margin-bottom:10px;
}

.ramadda-nowrap {
    white-space: nowrap;
}

.ramadda-nav-left-link {
    margin-bottom:3px;
}

.ramadda-nav-left-link .ramadda-nav-link {
    display:inline-block;
    width:100%;
}

.ramadda-nav-link:hover {
    background:var(--highlight-background);
}

.ramadda-nav-left-extra .ramadda-links {
    color:var(--nav-link-color);
   min-height:40vh;
   max-height:40vh;
   overflow-y:auto;
   white-space:nowrap;
}

.ramadda-nav-left a, .ramadda-nav-left a:visited {
    color:var(--nav-link-color);
}

.ramadda-nav-left-extra .ramadda-links  a {
    color:var(--nav-link-color);
}

.ramadda-links a {
    color: var(--nav-link-color);
}

.ramadda-links a:hover {
    color: var(--hover-color) !important;    
}

.ramadda-links h3 {
    text-align:center;
    font-size:100%;
    font-weight: bold;
    padding-bottom:4px;
    margin-top:1em;
    margin-bottom:4px;
    border-bottom: 1px #e8e8e8 solid;
    border-bottom: var(--basic-border);    
    color: var(--nav-color);
}

.ramadda-nav-left-extra .ramadda-links-highlight {
    background:#ddd;
    display:inline-bloxk;
}

.ramadda-links-inner ul {
    padding-left:20px;
    margin-bottom:0px;
}

.ramadda-links-inner {
    margin-left:5px;
    overflow-y:auto;
    line-height:1.5em;
    overflow-x:overlay;
    max-width:100%;
    white-space: nowrap;
    color: var(--nav-color);
}

.ramadda-showmore {
    color:#4774CC;
    white-space:nowrap;
}

.ramadda-showmore span i   {
    color:#4774CC;
}

.ramadda-side-toggle  {
    z-index: 1000;
    position:fixed;
    height:400px;
    border:var(--basic-border);
    background:#fff;
    top:58px;
    top:0px;    
    left:-200px;
    width:200px;
}

.ramadda-side-toggle-button  {
    position: absolute;
    z-index: 1000;
    width:26px;
    font-size:11pt;
    top: 100px;
    left: 0px;
    writing-mode: vertical-rl; /* Vertical text orientation for modern browsers */
    transform: rotate(180deg); /* Rotate the text to make it readable */
    white-space: nowrap; /* Prevent the text from wrapping */
    border:var(--basic-border);
    border-right:0px;
    background:#fff;
    padding-top:10px;
    padding-bottom:10px;    
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;    
}

.ramadda-side-toggle-click:hover  {
    background: var(--highlight-background);
}


.ramadda-nav-left-toggle  {
    position:absolute;
    left:5px;
    top:10px;
    cursor:pointer;
}

.ramadda-nav-left-toggle i:hover  {
    color: var(--hover-color) !important;    
}

.ramadda-nav-right {
    /* the margin here is the same as the width of the ramada-nav-left element */
    margin-left:250px;
    position:relative;
}

.ramadda-nav-arrow {
    color:rgba(190,190,190,0.90);
}

.ramadda-nav-arrow:hover {
    text-decoration:none; color:var(--highlight-color);    cursor:pointer;
}


a.ramadda-nav-link-0, a.ramadda-nav-link-0:visited, .ramadda-nav-left h3 a, .ramadda-nav-left h3 a:visited {
    color:#000;
}

.ramadda-nav-arrow-disabled {
    color:rgba(240,240,240,0.90);
}

.ramadda-nav-arrow-disabled:hover {
    background:transparent;
}

.ramadda-entry-nav-page-outer a {
    text-decoration:none;
}    

a.ramadda-entry-nav-page {
    text-decoration:none;
}

.ramadda-entry-nav-page-decorated {
    min-width:200px;
    padding:10px;
    padding-bottom:10px;
    margin:20px;
    margin-left:40px;
    margin-right:40px;
    vertical-align:center;
    /* 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; 
}

.ramadda-entry-nav-page-decorated a {
    text-decoration:none;
}

.ramadda-entry-nav-page-label {
    text-decoration:none !important;
    font-weight:bold;
}

.ramadda-entry-nav-page-outer:hover {
    color: var(--hover-color) !important;    
}

.ramadda-entry-nav-page-decorated:hover {
    border:1px solid var(--nav-hover-color);
}

.ramadda-nav-page {
    display:inline-block;
    vertical-align:top;
}

.ramadda-nav-page-decorated {
    min-width:200px;
    padding:10px;
    padding-bottom:0px;
}

.ramadda-nav-page-decorated:hover {
    border:1px solid var(--nav-hover-color);
}

.ramadda-nav-page:hover i {
    color:var(--nav-hover-color);
}

.ramadda-nav-page-label {
    margin:10px;
    margin-bottom:4px;    
    display:inline-block;
    vertical-align:middle;
}

.ramadda-nav-page-fixed-prev {
    left:0px;
    margin-top:10px;
    margin-left:10px;
    position:fixed;
    top:55px;
    z-index:var(--nav-page-fixed-z-index);
}

.ramadda-nav-page-fixed-next {
    margin-right:10px;
    margin-top:10px;
    position:fixed;
    right:0%;
    top:55px;
    z-index:var(--nav-page-fixed-z-index);
}

.ramadda-menubar {
    max-width:100%;
    white-space:nowrap;
    overflow-x:scroll;
    vertical-align:bottom;
    display:inline-block;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;  
    border:1px solid #ccc;
    border-bottom:0px;
    background:#F0F0F0;
    margin-top:6px;
    padding-top:2px;
    padding-bottom:0px;
}

.csv-header {
    border-bottom: 1px solid #000;
}

.csv_header_field {
    color:blue;
    cursor:pointer;
    text-decoration: underline !important;
}

.csv_addheader_field {
    color:blue !important;
    cursor:pointer;
    text-decoration: underline;
}

.csv_db_field {
    text-decoration: underline !important;
    color:blue !important;
    cursor:pointer !important;
}

.ramadda-menubar-button {
    display:inline-block;
    border-right:var(--basic-border);
    padding-left:8px;
    padding-right:8px;
    padding-top:2px;
    padding-bottom:2px;
    user-select: none; 
}

/** for maps **/
.ramadda-map-container tspan::selection {
    color: none;
    background-color: none;    
}

.ramadda-menubar-button-last {
    border-right:0px #ccc solid;
}

.ramadda-menubar-button:last-child {
    border-right:0px #ccc solid;
}


a.ramadda-menubar-button:link, a.ramadda-menubar-button {
    color:rgb(85, 85, 85);
    text-decoration:none;
}

a.ramadda-menubar-button:hover {
    text-decoration: underline;
    color:#000;
}


.ramadda-menubar-button:hover {
    text-decoration: underline;
    cursor:pointer;
}


.ramadda-popup-link .ramadda-menubar-button {
    border:0px;
    border-right:var(--basic-border);
}

.ramadda-popup-link .ramadda-menubar-button-first {
    margin-left:8px;
    border-left:var(--basic-border);
}

.ramadda-popup-link .ramadda-menubar-button-last {
    border-right:0px solid #fff;
}





.ramadda-help-heading {
    font-size:120%;
    font-weight: bold;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 2px;
    color: #000;
}

.ramadda-help-heading a  {
    color:#000;
}

.ramadda-help-subsubheading a  {
    color:#000;
}

.ramadda-help-subsubheading {
    font-size:110%;
    font-weight: bold;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 2px;
    color: #000;
}



.ramadda-credit-outer {
    text-align:center;
    margin-bottom:2px;
}

.ramadda-credit {
    font-style:italic;
}




.ramadda-heading.ramadda-linkable, .ramadda-lheading.ramadda-linkable {
    display:inline-block;
}

.ramadda-linkable  {
    position:relative;
}

.ramadda-linkable-link  {
    position:absolute;
    display:none;
    left:100%;
    margin-left:1px;
}






.ramadda-subheading  {
    font-size:115%;
    padding: 0px;
    margin: 0px;
    margin-bottom: 2px;
    color: #000;
    text-align: center;
}


.ramadda-subheading-small  {
    font-size:100%;
    padding: 0px;
    margin: 0px;
    margin-bottom: 2px;
    color: #000;
    text-align: center;
}

.ramadda-page-title-left, .ramadda-page-heading-left  {
    text-align:left;
}



.ramadda-page-heading-small  {
    font-weight: bold;
    text-align:left;
    padding: 0px;
    margin: 0px;
    margin-bottom: 2px;
    color: #000;
}



.ramadda-page-title  a , .ramadda-page-title  a:visited, .ramadda-page-heading a, .ramadda-page-heading  a:visited,.ramadda-heading a,.ramadda-lheading a, .ramadda-heading  a:visited, .ramadda-lheading  a:visited, .ramadda-page-heading-small a, .ramadda-page-heading-small  a:visited, .ramadda-page-blurb a, .ramadda-page-blurb  a:visited {
    color: black;
}


.ramadda-callout {
    line-height:1.5em;
    display:inline-block;
    width:100%;
    border:var(--basic-border);
    border-left: 4px solid #aaa;

    padding:8px;
    padding-top:0.5em;
    padding-bottom:0.5em;        
    border-radius:var(--default-radius);
    background:rgb(250,250,250);
}


.fa-gray {
    color:#ccc;
}

.fa-darkgray {
    color:#888;
}

.ramadda-callout-icon {
    display:inline-block;
    margin-right:10px;
    margin-top:5px;
    vertical-align:top;
}


.ramadda-callout-info {
    border-left-color: cornflowerblue;
}

.ramadda-callout-info i {
    color: cornflowerblue;
}

.ramadda-callout-tip {
    border-left-color: #158A2E;
}

.ramadda-callout-tip i {
    color: #158A2E;
}

.ramadda-callout-warning {
    border-left-color: #C63100;
}

.ramadda-callout-warning i {
    color: #C63100;
}

.ramadda-callout-question {
    border-left-color: #7A378B;
}

.ramadda-callout-question i {
    color: #7A378B;
}

.ramadda-callout-inner {
    display:inline-block;
}

.ramadda-callout-inner i {
    color:#000;
}


.ramadda-block-outer {
}

.ramadda-block {
    border-radius: var(--default-radius);
    overflow-y: auto;
    color:#000;
    z-index: var(--block-z-index);
    margin-bottom: 5px;
}

.ramadda-block ul {
    margin-left:10px;
    padding:10px;
}

.ramadda-block .bs-inner {
    margin-bottom: 5px;
    overflow-y: auto;
}

.ramadda-snippet-popup {
    font-size:90%;
    max-width:400px;
    max-height:150px;
    overflow-y:hidden;
    position: absolute; 
    z-index:1000;
    border: var(--basic-border);
    background:var(--color-mellow-yellow);
    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; 
    border-radius: var(--default-radius);
}

.ramadda-snippet-popup-large {
    max-width:600px;
    width:600px;
    overflow-y:hidden;
}


.ramadda-snippet-hover {
    display:none;
}

.ramadda-snippet {
    text-decoration:none !important;
}



.ramadda-entry-link .ramadda-snippet {
    margin-left:20px;
}

.note,  .ramadda-note, .ramadda-blurb, .ramadda-box, .ramadda-blurb {
    border-radius: var(--default-radius);
}


.ramadda-note-outer {
    text-align:center;
    margin-top:2px;
    margin-bottom:2px;
}

.note,  .ramadda-note {
    text-align:center;
    margin-top:4px;
    margin-bottom:4px;
    padding:8px;
    padding-left:14px;
    padding-right:14px;
    border : var(--basic-border);
    display: inline-block;
    background-color : var(--color-mellow-yellow);
}

.note-left, .ramadda-note-left {
    text-align:left;
}


.ramadda-blurb-outer {
    text-align:center;
}

.ramadda-blurb {
    margin-top:4px;
    margin-bottom:4px;
    display:inline-block;
    border: 0px;
    border: var(--basic-border);
    background:#fff;
    padding: 6px; 
    padding-left:12px;
    padding-right:12px;
}


.ramadda-box-outer {
}

.ramadda-box {
    margin-top:2px;
    margin-bottom:2px;
    padding:10px;
    padding-top:5px;
    padding-bottom:5px;    
    border : var(--basic-border);
}




.ramadda-draggable-frame {
    z-index:var(--draggable-z-index);
    border:var(--basic-border);
    padding:4px;
    position:relative;
}


.ramadda-header-floating {
    display:inline-block;
    z-index:1000;
    position:fixed;
    top:5px;
    left:50%;
    transform: translateX(-50%);
}

.ramadda-header-small {
    text-align:center;
    font-size:120%;
    font-weight:bold;
}

.ramadda-draggable-header {
    background:var(--header-background);
    border:var(--basic-border);    
    border-bottom:var(--basic-border);
    cursor:grab;
    padding:4px;
}

.ramadda-enlarge-outer {
    position:relative;
    margin-bottom:20px;
    padding:2px;
}

.ramadda-enlarge-inner {
    position:relative;
    overflow-y:auto;
    margin-bottom:20px;
    border:var(--basic-border);
}

.ramadda-enlarge-contents {
    padding:2px;
}    

.ramadda-enlarge-button {
    font-size:70%;
    position:absolute;
    left:50%;
    background:#fff;
    border:var(--basic-border);
    padding:4px;
    padding-top:1px;
    padding-bottom:1px;        
    border-radius: 6px;
}

.ramadda-enlarge-bbutton {
    bottom:0px;
    transform: translate(-50%, -10px);
}

.ramadda-enlarge-button:hover {
    border:1px solid var(--nav-hover-color);
}

.ramadda-expandable-frame {
    z-index:var(--expandable-z-index);
    border:var(--basic-border);
    padding:4px;
}


::backdrop, *:fullscreen, *:-webkit-full-screen, *:-moz-full-screen {
    background-color: rgba(255,255,255,0);
}



.ramadda-expandable-header {
    padding:4px;
    padding-right:8px;    
}

.ramadda-expandable-expanded {
    border:var(--basic-border);        
    padding:4px;
}

.ramadda-expandable-link {
    background:#fff;
}

.ramadda-expandable-link span i {
    color:#ddd;
}
.ramadda-expandable-link span i:hover {
    color: var(--hover-color) !important;
}


.ramadda-component {
    display:inline-block;
}

.ramadda-group-header {
    font-weight:bold;
}

.ramadda-grid {
    vertical-align:top;
    display:flex;
    flex-wrap: wrap;
    justify-content:center;
}
 
.ramadda-grid-1 {
    grid-template-columns: 1fr;
}

.ramadda-grid-2 {
    grid-template-columns: 1fr 1fr;
}

.ramadda-grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.ramadda-grid-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.ramadda-grid-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}


.ramadda-gridbox {
    position:relative;
    display:inline-block;
    vertical-align:top;
    margin:6px;
    padding:10px;
    padding-bottom:6px;
    padding-top:6px;
    text-align:left;
    background:#fff;
}

.ramadda-gridbox-flex {
    flex-grow:1;
}


.ramadda-gridbox .ramadda-subheading {
    font-weight:500;
}

.ramadda-gridbox-embed {
}

.ramadda-grid-component {
    display:inline-block;
/*    flex-grow:1;*/
    vertical-align:top;
    text-align:left;
}

.ramadda-gridbox ul {
    margin:0px;
    padding: 0px;
}

.ramadda-gridbox li {
    margin:0px;
    margin-left:15px;
    padding: 0px;
}

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

.ramadda-gridbox-contents {
}

.ramadda-gridbox-header {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 5px;
}



.ramadda-grid-decorated .ramadda-gridbox, .ramadda-gridbox-decorated {
    border : var(--basic-border);
    border-radius: var(--default-radius);
}


.ramadda-gridbox-decorated:hover {
    border:   var(--highlight-border);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.ramadda-gridbox-undecorated {
    margin:10px;
}
    
.ramadda-gridbox .ramadda-subheading {
    max-width:100%;
    overflow-x:overlay;
    white-space:nowrap;
}

.ramadda-gridbox .ramadda-subheading-embed {
    border-bottom-left-radius:var(--default-radius);
    border-bottom-right-radius:var(--default-radius);
    position:absolute;
    left:0px;
    bottom:-1px;
    width:100%;
    max-width: 100%;
    font-size:16px;
    max-height:60px;
    background:var(--embed-link-background);
/*    background: linear-gradient(to right, #4E8696 90%, #ccc 100%);*/
    text-align:left;
    padding:6px;
    padding-top:4px;
    padding-bottom:4px;    
    white-space: normal;
    margin:0px;
}

.ramadda-gridbox .ramadda-subheading-embed:hover {
    background:var(--embed-link-background-hover);
}

.ramadda-subheading-embed a {
    color:var(--embed-link-color);

}

/**
.ramadda-card  {
    max-height:100%;
    overflow-y:auto;
}    
*/

.ramadda-card-image {
    border : 1px solid #efefef;
    border : 1px solid rgba(200,200,200,0.2);
}


/***
.ramadda-imagewrap {
    height:180px;
    overflow: hidden;
    position: relative;
}


.ramadda-imagewrap .ramadda-card-image {
    width: 100%; 
    height: auto; 
    position: absolute; 
    object-fit: cover;
    object-position: top;
}

***/


.ramadda-draft-container {
    pointer-events: none;
    position:absolute;
    z-index:var(--draft-z-index);
    display:block;
    height:200px;
    width:50%;
}


.ramadda-draft {
    background: URL(images/draft.png);
}

.ramadda-splash-container {
    cursor:default;
    background:rgba(200,200,200,0.5);
    height:100vh;
    overflow-y:hidden;
    position:absolute;
    top:0px; left:0px;right:0px;bottom:0px;
    z-index:3000;
    display:block;
}

.ramadda-splash-body {
    overflow: hidden;
}


.ramadda-splash {
    position:relative;
    padding:10px;
    width:30%;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    background:#ffff;
    z-index:3001;
    display:block;
}




.baseLayersDiv, .dataLayersDiv {
    max-height:150px;
    overflow-y: auto;
}

.ramadda-div-link {
    cursor:pointer;
}

.ramadda-div-link:hover {
    text-decoration: underline;
}


/* avoid pink tiles */
.olImageLoadError {
    background-color: transparent !important;
    display:none;
}

.olButton, div.olMap {
    z-index:var(--ol-z-index);
    position:relative;
}

.olPopup, .olFramedCloudPopupContent {
    z-index:var(--ol-popup-z-index)  !important;
}

div.olControlZoom a {
    background: #aaa !important;
}

div.olControlZoom {
    background: transparent !important;
}


.olPopup {
    padding:5px;
    border:1px solid #aaa !important;
    border-radius:var(--default-radius);
    max-height:400px;
    box-shadow:  8px 8px 10px 0px rgba(136,136,136, 0.75);
    box-shadow:  6px 6px 20px 0px rgba(136,136,136, 0.75);     
}

.dataLayersDiv, .baseLayersDiv {
    max-height:100px !important;
}

.dataLayersDiv {
    max-height:200px !important;
    height:200px !important;    
}

.olPopupContent {
    font-size:8pt;
    padding:0px !important;
    padding-right:8px !important;
    padding-bottom:8px !important;        
    z-index:var(--ol-popup-z-index)  !important;
    overflow-y:auto;
}

.olPopupCloseBox {
    background: url("icons/close.gif") no-repeat !important;
    right:0px !important;
}

.olPopupContent h3 {
    margin-top:0px;
}
.olFramedCloudPopupContent {
    font-size:8pt;
}

.ramadda-map {
}

.ramadda-map-inner {
    border:1px #aaa solid;
    border: var(--basic-border);
    background-color:#7391ad; 
}


mapheader {
    display:block;
    text-align:center;
    font-weight:bold;
    font-size:130%;
}

.ramadda-map-toc-outer {
    border:1px solid #ccc;
    position:absolute;
    left:50px;
    top:10px;
    background:#fff;
}

.ramadda-map-toc-inner {
    padding:5px;
    margin-right:5px;
    max-width:200px;
    overflow-x:overlay;
    max-height:500px;
    overflow-y:auto;
    white-space:nowrap;
}

.ramadda-map-toc-header {
    min-width:200px;
    padding:5px;
    font-weight:bold;
    background:lightcyan;
    background:var(--header-background);
    border-bottom: var(--basic-border);
}

.ramadda-map-header {
    text-align:center;
}

.ramadda-map-slider {
    position:absolute;
    top:0px;
    background:#ffffff;
    border:1px solid #ccc; 
}


.ramadda-map-container {
    position:relative;
}


.ramadda-map-loc:hover {
    background:#eee;
}

.ramadda-map-loc {
    border-bottom: var(--basic-border);
    padding-left:4px;
    padding-right:4px;
    padding-bottom:2px;
    padding-top:2px;
    max-width: 300px;
    overflow-x:hidden;
    white-space:nowrap;
    cursor: pointer;
}

.ramadda-map-loc-input {
    border:1px #aaa solid;
}

.ramadda-map-latlonreadout {
}

.ramadda-map-animation {
}

.ramadda-map-credits  {
    z-index: 1000;
    position:absolute;
    bottom:2px;
    left:50%;
    transform: translateX(50%, -10px);
    border:1px solid #aaa;
    background:rgba(255,255,255,0.8);
    font-size:8pt;
    padding-left:2px;
    padding-right:2px;    
}

.ramadda-map-features {
}

.ramadda-map-feature {
    cursor:pointer;
}
.ramadda-map-feature:hover {
    text-decoration: underline;
}



.ramadda-map-animation-ticks {
    position:relative;
    height:21px;
    border-bottom: 1px #aaa solid;
}

.ramadda-map-animation-tick-reset {
    cursor:pointer;
}

.ramadda-map-animation-tick-reset:hover {
    text-decoration: underline;
}

.ramadda-map-animation-tick {
    width:5px;
    position:absolute;
    height:20px;
    background-color:#888;
    display:inline-block;
    z-index:var(--animation-tick-z-index);
}
.ramadda-map-animation-tick:hover {
    background-color:blue;
    z-index:var(--animation-tick-hover-z-index);
}

.ramadda-map-search {
    margin-bottom:0px;
}

.ramadda-map-search  input {
    border:1px #aaa solid;
}

.ramadda-recaptcha {
}

.ramadda-verification {
    display:inline-block;
    margin:8px;
    padding:8px;
    border:var(--basic-border);
    background-color : var(--color-mellow-yellow);
    border-radius:var(--default-radius);
    max-width:500px;
}

.ramadda-message .ramadda-verification {
    border:0px solid transparent;
    margin:0px;
    padding:0px;
}


.ramadda-message i {
    font-size:22pt;
    font-weight:bold;
}


.ramadda-message-plain, .ramadda-message {
    display: inline-block;
    border-radius: var(--default-radius);
    border:var(--basic-border);
    margin:10px;
    margin-left:0px;
    margin-right:0px;    
    padding:5px;
    min-width: 400px;
}

.ramadda-message {
/*    background-color : var(--color-mellow-yellow);*/
    background-color : #f9f9f9;
}


.ramadda-message-plain {
    background-color : #fff;
    background-color:#f8f8f8;    
}

.ramadda-message-info, .ramadda-message-question {
    background-color:#f8f8f8;    
}

.ramadda-message-error {
    z-index: 1000;
}


.ramadda-message-icon, .ramadda-message-link {
    padding:10px;
}

.ramadda-message-inner {
    padding:10px;
    padding-left:0px;
    font-size:110%;
}

.ramadda-confirm {
    margin-left:20px;
}



.ramadda-message-extra {
    border-top:var(--basic-border);
    margin-top:10px;
    padding-top:10px;
    
}

.ramadda-border {
    border: 1px #f1f1f1 solid;
}


/** begin colors */
.ramadda-background-dimgray , .ramadda-block-dimgray , .ramadda-heading-dimgray , .ramadda-box-dimgray , .ramadda-note-dimgray , .ramadda-blurb-dimgray  , .ramadda-section-dimgray  {
    background-color: #696d7d;
    border: 1px #fff solid;
}


.ramadda-background-metal , .ramadda-block-metal , .ramadda-heading-metal , .ramadda-box-metal , .ramadda-note-metal , .ramadda-blurb-metal ,  .ramadda-section-metal  {
    background-color: #6f9283;
}



.ramadda-background-artichoke , .ramadda-block-artichoke , .ramadda-heading-artichoke , .ramadda-box-artichoke , .ramadda-note-artichoke , .ramadda-blurb-artichoke ,  .ramadda-section-artichoke  {
    background-color: #8d9f87;
}



.ramadda-background-darkvanilla , .ramadda-block-darkvanilla , .ramadda-heading-darkvanilla , .ramadda-box-darkvanilla , .ramadda-note-darkvanilla , .ramadda-blurb-darkvanilla ,  .ramadda-section-darkvanilla  {
    background-color: #cdc6a5;
}



.ramadda-background-almond , .ramadda-block-almond , .ramadda-heading-almond , .ramadda-box-almond , .ramadda-note-almond , .ramadda-blurb-almond ,  .ramadda-section-almond  {
    background-color: #f0dcca;
}



.ramadda-background-tumbleweed , .ramadda-block-tumbleweed , .ramadda-heading-tumbleweed , .ramadda-box-tumbleweed , .ramadda-note-tumbleweed , .ramadda-blurb-tumbleweed ,  .ramadda-section-tumbleweed  {
    background-color: #e1b07e;
}



.ramadda-background-palegold , .ramadda-block-palegold , .ramadda-heading-palegold , .ramadda-box-palegold , .ramadda-note-palegold , .ramadda-blurb-palegold ,  .ramadda-section-palegold  {
    background-color: #e5be9e;
}



.ramadda-background-turquoise , .ramadda-block-turquoise , .ramadda-heading-turquoise , .ramadda-box-turquoise , .ramadda-note-turquoise , .ramadda-blurb-turquoise ,  .ramadda-section-turquoise  {
    background-color: #a7cdbd;
}



.ramadda-background-vermillion , .ramadda-block-vermillion , .ramadda-heading-vermillion , .ramadda-box-vermillion , .ramadda-note-vermillion , .ramadda-blurb-vermillion , .ramadda-section-vermillion  {
    background-color: #d56f3e;
}



.ramadda-background-bone , .ramadda-block-bone , .ramadda-heading-bone , .ramadda-box-bone , .ramadda-note-bone , .ramadda-blurb-bone , .ramadda-section-bone  {
    background-color: #e2dbbe;
}



.ramadda-background-platinum , .ramadda-block-platinum , .ramadda-heading-platinum , .ramadda-box-platinum , .ramadda-note-platinum , .ramadda-blurb-platinum ,  .ramadda-section-platinum  {
    background-color: #dfe0e2;
}



.ramadda-background-olivine , .ramadda-block-olivine , .ramadda-heading-olivine , .ramadda-box-olivine , .ramadda-note-olivine , .ramadda-blurb-olivine ,  .ramadda-section-olivine  {
    background-color: #9cb380;
}


.ramadda-background-yellow , .ramadda-block-yellow , .ramadda-heading-yellow , .ramadda-box-yellow , .ramadda-note-yellow , .ramadda-blurb-yellow ,  .ramadda-section-yellow  {
    background-color: var(--color-mellow-yellow);
}



.ramadda-background-snow , .ramadda-block-snow , .ramadda-heading-snow , .ramadda-box-snow , .ramadda-note-snow , .ramadda-blurb-snow , .ramadda-section-snow  {
    background-color: snow;
}



.ramadda-background-rose , .ramadda-block-rose , .ramadda-heading-rose , .ramadda-box-rose , .ramadda-note-rose , .ramadda-blurb-rose , .ramadda-section-rose  {
    background-color: mistyrose;
}



.ramadda-background-mint , .ramadda-block-mint , .ramadda-heading-mint , .ramadda-box-mint , .ramadda-note-mint , .ramadda-blurb-mint ,.ramadda-section-mint  {
    background-color: mintcream;
}



.ramadda-background-floral , .ramadda-block-floral , .ramadda-heading-floral , .ramadda-box-floral , .ramadda-note-floral , .ramadda-blurb-floral , .ramadda-section-floral  {
    background-color: floralwhite;
}



.ramadda-background-azure , .ramadda-block-azure , .ramadda-heading-azure , .ramadda-box-azure , .ramadda-note-azure , .ramadda-blurb-azure ,  .ramadda-section-azure  {
    background-color: azure;
}



.ramadda-background-gold , .ramadda-block-gold , .ramadda-heading-gold , .ramadda-box-gold , .ramadda-note-gold , .ramadda-blurb-gold , .ramadda-section-gold  {
    background-color: #fafad2;
}



.ramadda-background-pink , .ramadda-block-pink , .ramadda-heading-pink , .ramadda-box-pink , .ramadda-note-pink , .ramadda-blurb-pink ,.ramadda-section-pink  {
    background-color: lavenderblush;
}



.ramadda-background-blue , .ramadda-block-blue , .ramadda-heading-blue , .ramadda-box-blue , .ramadda-note-blue , .ramadda-blurb-blue ,  .ramadda-section-blue  {
    background-color: #E8F0FE;
}

.ramadda-background-grid , .ramadda-block-grid , .ramadda-heading-grid , .ramadda-box-grid , .ramadda-note-grid , .ramadda-blurb-grid , .ramadda-section-grid  {
    background-color: #f9f9f9; 
    background-color: #fcfcfc;
    background-image: 
	linear-gradient(to right, rgba(0, 0, 0, 0.04) 1px, transparent 1px),
	linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 1px, transparent 1px);
    background-size: 30px 30px; 
}
  
.ramadda-background-paper , .ramadda-block-paper , .ramadda-heading-paper , .ramadda-box-paper , .ramadda-note-paper , .ramadda-blurb-paper , .ramadda-section-paper  {
    background: radial-gradient(circle, #fffdf5, #f8f3e5);
}


.ramadda-background-babypowder , .ramadda-block-babypowder , .ramadda-heading-babypowder , .ramadda-box-babypowder , .ramadda-note-babypowder , .ramadda-blurb-babypowder , .ramadda-section-babypowder  {
    background-color: #fcfff7;
}


.ramadda-background-cornflower , .ramadda-block-cornflower , .ramadda-heading-cornflower , .ramadda-box-cornflower , .ramadda-note-cornflower , .ramadda-blurb-cornflower , .ramadda-section-cornflower  {
    background-color: #188fa7;
}

.ramadda-background-whitesmoke , .ramadda-block-whitesmoke , .ramadda-heading-whitesmoke , .ramadda-box-whitesmoke , .ramadda-note-whitesmoke , .ramadda-blurb-whitesmoke , .ramadda-section-whitesmoke  {
    background-color: #edf7f6;
}

.ramadda-background-cambridgeblue , .ramadda-block-cambridgeblue , .ramadda-heading-cambridgeblue , .ramadda-box-cambridgeblue , .ramadda-note-cambridgeblue , .ramadda-blurb-cambridgeblue , .ramadda-section-cambridgeblue  {
    background-color: #9ec1a3;
}

.ramadda-background-white , .ramadda-block-white , .ramadda-heading-white , .ramadda-box-white , .ramadda-note-white , .ramadda-blurb-white , .ramadda-section-white  {
    background-color: white;
}

.ramadda-background-gray , .ramadda-block-gray , .ramadda-heading-gray , .ramadda-box-gray , .ramadda-note-gray , .ramadda-blurb-gray , .ramadda-section-gray  {
    background-color: #F8F8F8;
}

.ramadda-background-green , .ramadda-block-green , .ramadda-heading-green , .ramadda-box-green , .ramadda-note-green , .ramadda-blurb-green , .ramadda-section-green  {
    background-color: #4C7B65;
    color:white;
}

.ramadda-background-green a  , .ramadda-block-green a  , .ramadda-heading-green a  , .ramadda-box-green a  , .ramadda-note-green   a, .ramadda-blurb-green a  , .ramadda-section-green a   {
    color:white;
}


.ramadda-background-plain , .ramadda-block-plain , .ramadda-heading-plain , .ramadda-box-plain , .ramadda-note-plain , .ramadda-blurb-plain , .ramadda-section-plain  {
    background-color: inherit;
}

.ramadda-halfsize {
    -moz-transform:scale(0.5);
    -webkit-transform:scale(0.5);
    transform:scale(0.5);
}


.inset {
    margin-left: 20px;
    margin-right: 20px;
}



.ramadda-image-centered {
    text-align:center;
    margin-top: 20px;
    margin-bottom: 40px;
}

.ramadda-thumbnail-image {
    width: 100px;
}


.ramadda-thumbnail {
    border: var(--basic-border);
    margin:5px;
    position:relative;
    display:inline-block;
    width:100px;
    max-width:100px;
    overflow-x:hidden;
    max-height:100px;
    overflow-y:auto;
    -ms-overflow-style: none;  
    scrollbar-width: none;  
}

.ramadda-thumbnail::-webkit-scrollbar {
    display: none;
}

.ramadda-cleanscroll {
    -ms-overflow-style: none; 
    scrollbar-width: none;  
}

.ramadda-cleanscroll::-webkit-scrollbar { 
    display: none;  
}



.ramadda-frame-outer {
    background:#F2F0EE;
    padding:15px;
    border-radius: 10px;
}

.ramadda-frame-inner {
    padding:10px;
}

.ramadda-frame-title {
    font-size:150%;
    background:#12649F;
    color:white;
    padding:10px;
    padding-bottom:2px;
    font-weight:normal;
}

.ramadda-frame-title a, .ramadda-frame-title a:hover  {
    color:white !important;
    text-decoration:none;
}

.inherit-color a {
    color:inherit;
}


.ramadda-frame-title a:hover {
}



.ramadda-frame-shadow {
    -webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
}

.ramadda-admin-note {
    display:inline-block;
    width:850px;                    
    margin-bottom: 15px;
}

.info-text  {
    text-align: center;
}

.ramadda-title  {
    font-size:150%;
    font-weight: 300;
    text-align:center;
    margin-top:8px;
    margin-bottom:4px;
}


.ramadda-title-left  {
    font-size:150%;
    font-weight: 300;
}


.ramadda-section  {
    margin:0px;
    padding:0px;  
    padding-left:1%;
    padding-right:1%;
    padding-top:4px;
    padding-bottom:4px;
}

.ramadda-bar-outer {
    display: block;
    position: relative;
    border: var(--basic-border);
    height:13px;
    width:100%;
}

.ramadda-bar-inner {
    position: absolute;
    left:0px;
    top:0px;
    bottom:0px;
    background:#00C3B6;
}


/* superfish menu styling */
.sf-menu   {
    font-size: var(--font-size);
    margin:0px;
    padding:0px;
}

.sf-menu a {
    font-size: var(--font-size);
    padding: 6px;
    border-left: 0px solid #fff !important;
}

.sf-menu  li {
    background: #eee;
    padding:0px;
    margin:0px;
}

.sf-menu ul li {
    background: #eee;
}


.sf-menu  ul ul li {
    background: #eee;
}

.sf-menu a {
    color: #000;
}



.ramadda-section-full  {
    padding:0px;
}

.ramadda-section-wide  {
    padding-left:20px;
    padding-right:20px;
}


.ramadda-section-map {
    background: URL(images/background.png);
}
.ramadda-section-coast {
    background: URL(images/coast.png);
}

.ramadda-section-globe {
    background: URL(images/globe.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.ramadda-section-lightpink, .ramadda-section-rose {
    background-color : mistyrose;
}

.ramadda-section-lightgray, .ramadda-section-gray {
    background: #F8F8F8;
}

.ramadda-section-lightblue, .ramadda-section-blue {
    background: #F0FFFF;
}

.ramadda-section-lightgreen,.ramadda-section-green {
    background:honeydew; 
}

.ramadda-section-odd  {
    background: #F8F8F8;
}

.ramadda-section-first  {
    padding-top:0px;    
}

.ramadda-section-noline  {
    padding-top:0px;    
    border-bottom:0px #000;
}

.ramadda-section-border  {
    border-top:var(--basic-border);
}

.ramadda-line  {
    border-bottom:var(--basic-border);
}


thin_hr,.ramadda-thin-hr {
    margin-top:0px;
    margin-bottom:0px;
    border-top:var(--basic-border);
    height:1px;
    display:block;
}

.ramadda-hr {
    margin-top:0px;
    margin-bottom:0px;
    border-top:2px solid #ccc;
    height:1px;
    display:block;
    margin-top:5px;
    margin-bottom:5px;
}


.ramadda-section-line  {
    border-bottom:var(--basic-border);
}







.ramadda-docs-menu  {
    font-style:italic;
}

.ramadda-docs-image  {
    margin-top:1em;
    margin-bottom:1em;    
}

.ramadda-documentation  {
    margin:10px;
}

.ramadda-doc-header {
    padding-bottom:8px;
    margin-bottom:8px;
    border-bottom:var(--basic-border);
}


.ramadda-navbar-popup-link {
    background:#fff;
    margin-top:5px;
    position:absolute;
    top:0px;
}

.ramadda-navbar-popup-link i {
    font-size:18pt;
    color:#888;
}

.ramadda-navbar-popup-header {
    font-weight:bold;
    border-bottom:1px solid  #888;
}

.ramadda-navbar-popup {
    font-size: var(--font-size) !important;
    text-align:left;
    margin-left:10px;
    background:#fff;
    z-index:1000;
    position:relative;
    display:none;
    padding:5px;
    border: var(--basic-border);
    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; 
}



.ramadda-navbar-link {
    display:inline-block;

}

.ramadda-navbar-popup a {
    color:#000 !important;
}


.ramadda-navbar-separator {
    display:inline-block;
    margin-left:5px;
    margin-right:5px;    
}
.ramadda-doc-nav-container {
}

.ramadda-doc-contents img {
    border:1px solid #ccc;
}

.ramadda-doc-nav {
    min-width:150px;
    display:inline-block;
    border-radius: var(--default-radius);
    border:var(--basic-border);
    vertical-align: top !important;
    padding:2px;
    padding-left:4px;
    padding-right:4px;
}

.ramadda-doc-nav:hover {
    background:var(--highlight-background);
}

.ramadda-doc-footer a, .ramadda-doc-header a {
    text-decoration:none;
    font-size:80%;
}



.ui-selectmenu-menu {
    /* 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; 
    max-height:200px;
    overflow-y:auto;
}

.ramadda-metadata-widget .ui-selectmenu-button.ui-button {
    width:20em;
}

.ramadda-metadata-widget-suffix {
    margin-left:5px;
}

.ramadda-metadata-widget-content-license .ui-selectmenu-button {
    width:40em;
}

.ui-tooltip {
    background:#fff;
    border:1px solid #ccc !important;    
    margin:0px;
    padding:4px;
    padding-top:0px;
    padding-bottom:0px;        
    box-shadow: 0px 0px 0px  rgba(0, 0, 0, 0);
    box-shadow: 5px 5px 5px rgba(180, 180,180, 0.5);
    font-size:100%;
}

.ramadda-tooltip-icon:hover { 
    cursor:pointer;
}

.ramadda-tooltip {
    padding:0px;
    padding-left:5px;
    padding-right:5px;
    box-shadow: 0 0 1px black;
    font-size: 10pt;
}



.ui-tabs .ramadda-section  {
    padding-left:0px;
    padding-right:0px;

}

/* jquery resets */
.ui-widget {
    font-family: inherit;
    font-size: var(--font-size) !important;
}


.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: var(--font-size) !important;
}

.ui-widget select , .ui-widget .ui-widget {
}

.ui-button a {
    color:#555 !important;
}
.ui-button {
    padding:0.2em 0.5em;
}

.ui-button-text {
    font-size: .8em;
}

.ui-menu-item {
}

.ui-menu {
    width: 150px;
}


.ui-menu .ui-state-active {
    background:#eee;
}

.ui-menu .ui-widget-header {
    padding: 0.2em;
    background:#eee;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default   {
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}




.ui-menu-item-wrapper:not([aria-haspopup="true"]) {
    padding-left:22px;
}

.ui-dialog {
    z-index:var(--ui-dialog-z-index);
}

ul {
    margin-top:0px;
    margin-bottom:0px;    
}


.slick-prev:before, .slick-next:before {
    color:#aaa !important;
}

.slick-slide {
    opacity: 0;
    visibility: hidden;
}


.slick-current {
    opacity: 1;
    visibility: visible;
}


.ramadda-slides-container {
    border:var(--basic-border) !important;
}

.slide .ramadda-description {
    padding:8px;
}

.ramadda-slides {
    margin-left:25px;
    margin-right:25px;    
}

.ramadda-slides-header {
    padding:0px;
    text-align:center;
}

.ramadda-slides-container-left {
    display: grid;
    grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr);
    grid-template-columns: minmax(200px, 300px) minmax(500px 1fr);
    gap: 0px;
}

.ramadda-slides-header-left {
    min-width:150px;
    padding:0px;
    vertical-align:top;
    width:100%;
    xmax-width:300px;
    overflow-x:hidden;
    white-space:nowrap;
    max-height:800px;
    overflow-y:auto;
}

.ramadda-slides-header-item {
    margin-bottom:0.25em;
    padding:0px;
    border:1px solid #ccc;
    display:inline-block;
    margin-left: 5px;
    margin-right: 5px;
    padding-left:6px;
    padding-right:6px;
    cursor:pointer;
}


.ramadda-slides-header-left {
    border-top:var(--basic-border);
}
.ramadda-slides-header-left .ramadda-slides-header-item {
    margin:0px;
    padding:0px;
    display:block;
    border:0px;
    border-left:var(--basic-border);
    border-bottom:var(--basic-border);
    padding:4px;
    padding-right:0px;    
}





.ramadda-slides-header-item-selected {
    font-weight:400;
    background:var(--header-background);
}

.ramadda-slides-bigarrow {
    margin-left:24px;
    margin-right:24px;    
}

.ramadda-slides-bigarrow .slick-prev:before, .ramadda-slides-bigarrow .slick-next:before {
    font-size:28pt !important;
}

.ramadda-slides-bigarrow .slick-next {
    right: -14px !important;
}

.ramadda-slides-bigarrow .slick-prev {
    left: -30px !important;
}



.ramadda-slider-value {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
}


.ramadda-search-popup {
    width:325px;
}


.ramadda-search-popup-results {
    background:#fff;
    display:none;
    border-top:1px solid #ccc;
    margin-top:2px;
    width:325px;
    max-height:300px;
    overflow-y:auto;
}



.ramadda-form-url {
    font-size: 90%; 
    font-style:italic;
}

.entry-simple-image {
    text-align: center;
    overflow-y:auto;
    max-height:100%;
}

.entry-simple-text {
    margin:0px;
    padding:10px;
}

label, .ramadda-clickable, .ramadda-noselect, .entry-toggleblock-label {
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

.ramadda-action-results {
    padding-left:5px;
    border:var(--basic-border);
    background:#fff;
    width:1000px;
    height:200px; 
    max-height:200px;
    overflow-y:auto;
}


.ramadda-action-result-warning {
    background:orange;
    border-bottom:1px solid #000;
    padding:4px;
}
.ramadda-action-result-error {
    background:#f8d7da;
    border-bottom:1px solid #000;
    padding:4px;
}

.entry-confirm-header {
    font-weight: bold;
    margin-bottom: 0.5em;
}

.entry-confirm-list {
    max-height: 250px; 
    overflow-y: auto;
    margin-bottom: 1em;
}

.ramadda-entry-select  {
    margin-right:4px !important;
}

.entry-row td {
}

.entry-row-table  {
    table-layout: fixed;
}

.ramadda-namelist-entry {
    border:var(--basic-border);
    padding:5px;
    margin-top:8px;
    margin-bottom:8px;

}

.entry-row-table .entry-name .entry-link {
    display: inline-block;
    position:relative;
    max-width:100%;
    overflow-x:hidden;
    white-space:nowrap;
    vertical-align:bottom;
}

.entry-row .ramadda-metadata-display {
    margin-bottom:5px;
}

a.noline {
    text-decoration:none;
}

.entry-link  a {
    text-decoration:none;
    max-width: 200px;
    overflow-x:hidden;
}

.type-group-container {
    margin-top:10px;
}
			    
.type-group-header {
    font-size:140%;
    background:var(--header-background);
    padding-left:10px;
}

.type-group {
    margin-left:20px;
}

.type-list-container {
    margin-top:15px;
    display:inline-block;
    vertical-align:top;
}

.type-list-header {
    font-weight:bold;
    margin-right:4px;
}

.type-list {
    margin-top: 2px;
    margin-left: 0px;
    margin-right: 10px;
    padding:2px;
    max-height: 300px; 
    overflow-y: auto;
    max-width:250px;
}

.type-list-item {
    width:100%;
    white-space: nowrap;
    max-width:100%;
}

.type-list-item a {
    text-decoration:none;
}


.type-list-item:hover {
    background:#eee;
    color: var(--hover-color);
}

.entry-type-search {
    text-decoration: none;
    color: black;
}

.entry-type-search:link {
    text-decoration: none;
    color: black;
}


.entry-type-search:hover {
    text-decoration: underline;
    color: black;
}

.json-label {
}

.json-string  {
    color:green;
}
.json-date  {
    color:green;
}
.json-function  {
    color: #FF20ED;
}

.json-none  {
    color:gray;
}
.json-boolean  {
    color:red;
}
.json-number  {
    color:blue;
}
.json-url  {
    color:blue;
    text-decoration:underline;
}

.json-label:hover {
    cursor:pointer;
    text-decoration:underline;
}

.json-inner {
    margin-left:20px;
}

.ramadda-json-block {
    margin-left:20px;
    display:block;
    vertical-align:top;
}

.entry-list {
    border: 1px #d8d8d8  solid;
    border-top: 0px;
    background: #fff;
}

.entry-list-form {
    padding: 5px;
    border: 1px #ccc solid;
    border-top: 0px;
}

.ramadda-table-heading {
    font-weight:bold;
}

.selectform-table-header {
    font-weight:bold;
    padding:4px;
    text-align:center;
}

.selectform-table-entry {
    padding:4px;
}

table.dataTable tbody tr {
    background:none;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 2px 8px !important;
    padding-bottom: 0px !important;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom-color: #888 !important;
}


table.dataTable tbody th, table.dataTable tbody td {
    padding: 4px 8px !important;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom:var(--basic-border);
}

table.dataTable.no-footer {
    border-bottom:var(--basic-border);
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom:var(--basic-border);
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
    vertical-align: top !important;
}        

table.dataTable tbody td {
    vertical-align: top;
}


.ramadda-table th {
    background-color: var(--header-background);
}


.ramadda-table tr.th2, .ramadda-table tr.th2 th {
    background:#fff;
}

.ramadda-table thead .th2 th, .ramadda-table  .th2, .ramadda-table  .th2 td {
    border-bottom:0px solid #fff;
    font-weight:normal;
}

.ramadda-table tr.th2 th {
    border-bottom:1px solid #aaa;
}


.ramadda-table .th2 tr:hover {
    background:#fff !important;
}

.ramadda-table-header, .entry-list-header {
    font-weight:bold;
    border : var(--basic-border);
    border-bottom : 1px solid #ccc;
    background-color: var(--header-background);
    margin-top: 4px;
    padding-right: 8px;
    padding-top: 4px;
    padding-left: 8px;    
    border-top-left-radius:var(--default-radius);
/*border-top-right-radius:var(--default-radius);    */
    border-collapse:unset;
}

.ramadda-table-header-plain {
    background:#fff;
    font-weight:bold;
    border-bottom : 1px solid #ccc;
    margin-top: 4px;
    padding:0px;
    padding-right: 8px;
    padding-top: 4px;
    padding-left: 8px;    
}

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

.ramadda-form-help {
    min-width:600px;
    padding:4px;
    padding-left:8px;
    padding-right:8px;    
    /*background:#eef6fd;*/
    background:#e7f4e4;
    display:inline-block;
    border:var(--basic-border);
    border-radius: var(--default-radius);
    margin-top:0.5em;
    margin-bottom:0.5em;    
}    

.formcontents .ramadda-form-help {
    margin-bottom:0.0em;    
}

.ramadda-form-header {
    margin-top:4px;
    padding:4px !important;    
    padding-bottom:2px !important;     
    padding-left:12px !important;    
    font-weight: bold; 
    background-color: var(--header-background);
    border-top-left-radius: 12px;
    border-bottom:var(--basic-border);
}

.ramadda-form-block {
    margin-left:20px;
    margin-bottom:6px;
}



.entry-list-header-column, .entry-list-header-column-last {
    font-weight:500;
    border-right : 1px #d8d8d8 solid;
    text-align: center;
    padding-bottom:1px;
    padding-top:4px;
    color: #000;
}

.entry-list-header-column {
    border-right : 1px #d8d8d8 solid;
}

.entry-list-header-column:last-child {
    border-right : 0px #d8d8d8 solid;
}

.entry-list-header-column a, .entry-list-header-column-last a {
    color: black;
}


.entry-list-row {
    margin-top:0px;
    padding: 4px;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom:1px #f0f0f0 solid;
    border-top:1px transparent solid;    
}


.entry-list-row-selected {
    background:var(--color-mellow-yellow);
}

.entry-list-row:hover {
    background: var(--highlight-background);
    transition: background-color .3s ease-in;
}


.entry-tree-row {
    margin-top:2px;
    padding: 2px;
    padding-right: 0px;
}

.entry-row-label {
    white-space:nowrap;
    padding-left:5px;
    max-width:100%;
    overflow-x:overlay;
}


.entry-table-name   {
    max-width:20em;
    white-space: nowrap;
    overflow: hidden;
}

.entry-table-date   {
    white-space: nowrap;
    overflow: hidden;
}

.search-header {
    font-weight: bold; 
    font-size: 120%; 
    border-bottom: 1px #eee solid;
    margin-bottom:5px;
}

.search-select {
    max-width:150px;
}

.ramadda-next-previous-block   {
    display:inline-block;
}

.ramadda-next-previous {
    display:inline-block;
    padding:4px;
    border-radius: var(--default-radius);
    min-width:80px;
    text-align:center;
    margin-bottom:2px;
}


.ramadda-next-previous:hover {
    background:var(--highlight-background);
}

a.ramadda-next-previous {
    text-decoration:none;
}

.ramadda-next {
    border  :var(--basic-border);
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.ramadda-previous {
    border  :var(--basic-border);
    border-radius: var(--default-radius);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ramadda-next:first-child {
    border-top-left-radius: var(--default-radius);
    border-bottom-left-radius: var(--default-radius);
}

.ramadda-next:last-child {
    border-left:0px solid transparent;
}

.ramadda-next:first-child {
    border  :var(--basic-border);
}

.ramadda-previous:last-child {
    border-top-left-radius: var(--default-radius);
    border-bottom-left-radius: var(--default-radius);
}


.entry-table-page   {
    font-size: 90%;
    font-style:italic;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:5px;

}

.entry-table-wrapper  {
    margin-left:8px;
    margin-right:8px;
}

.entry-table  {
    border: var(--basic-border);
}

.entry-table tr {
    padding:0px;
    padding-bottom:0px;
}

.ramadda-row-odd, .entry-table tr.odd {
    background-color:#f4f4f4;
}

.ramadda-row-even {
    background-color:#fff;
}
.entry-table tr.even {
    background-color:#fff;
}


.table-spaced td, .ramadda-td, .entry-table  td {
    padding-top: 6px;
    padding-bottom: 4px;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

td.entry-table-block {
    padding:0px;
    margin:0px;
    background-color:#fff;
}


.entry-table thead th {
    background-color:#f0f0f0;
    padding: 3px 10px 3px 10px;
    border-bottom: var(--basic-border);
    border-right: var(--basic-border);
    font-weight: bold;
}

.entry-table tfoot th {
    padding: 3px 10px 3px 10px;
    border-top: var(--basic-border);
    font-weight: bold;
}




.entry-page-main {
    border-right: var(--basic-border);
    min-height:100vh;
    padding-left:30px;
    padding-right:15px;
    padding-top:8px;
}



.entry-page-info {
    padding-right: 8px;
    max-width: 300px;
    overflow-x: auto;
}

.entry-page-name {
    font-weight: bold; 
    margin-bottom: 0.25em;
}

.entry-page-description {
    padding-top:0.25em;
    padding-bottom:0.5em;
    padding-left:0.5em;
    margin-right:1em;
    margin-top:0.0em;
    margin-bottom:0.7em;
}

.entry-page-divider {
    height: 100%;
    border-left: 1px #f8f8f8 solid;
}


.entry-page-divider-inner {
    height: 100%;
    width: 1em;
    padding-left:26px;
    margin-left:16px;
    margin-right:6px;
}


.entry-arrow {
    padding-left: 0px;    
    margin-bottom:0px;
}

.entry-arrow:hover {
    cursor:pointer;
}


.ramadda-search-bytype .ramadda-search-provider {
    white-space:nowrap;
    max-width:200px;
    overflow-x:overlay;
}




.ramadda-search-results .ui-tabs-panel {
    padding:0px !important;
}

.ramadda-search-entrylist {
    border:var(--basic-border);
}
.ui-tabs-panel .ramadda-search-entrylist {
    border:0px;
}

.ramadda-search-special-form {
    min-width:200px;
    padding-right:10px;

}

.ramadda-search-provider-header {
    font-weight: bold; 
    margin-top: 8px;
}

.ramadda-search-provider-list {
    max-height: 200px; 
    overflow-y: auto;
}

.ramadda-toggler  {
    padding-left:4px; padding-right:4px; display: table-cell;
}

.ramadda-toggled {
    padding-left:4px; padding-right:4px; display: table-cell;
}

.ramadda-flip-card {
  display:inline-block;
  background-color: transparent;
  width: 300px;
  height: 200px;
  overflow:hidden;
  margin-right:4px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

.ramadda-flip-card-label {
    text-align:center;
}

/* This container is needed to position the front and back side */
.ramadda-flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do a horizontal flip when you move the mouse over the flip box container */
.ramadda-flip-card:hover .ramadda-flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.ramadda-flip-card-front, .ramadda-flip-card-back {
  border : var(--basic-border);

  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; 
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.ramadda-flip-card-front {
    background:#fff;
}

/* Style the back side */
.ramadda-flip-card-back {
  background:#fff;
  transform: rotateY(180deg);
}

.ramadda-flip-card-back a {
    text-decoration: none;
    color:#888;
}
.ramadda-flip-card .ramadda-card-image {
    border : 0px solid transparent;
    margin-top:0px;
}

pre {
    white-space:pre-wrap;
    border : var(--basic-border);
    background:rgb(245,245,245);
    padding:4px;
    border-radius: var(--default-radius);
    margin-bottom:5px;
    margin-top:5px;
}

.preplain {
    border : 0px;
    background:#fff;
    padding:0px;
    border-radius: 0px;
    margin-bottom:0px;
    margin-top:0px;
}


.ramadda-pre-undecorated {
    background:transparent;
    border:0px;
}

.wikitext {
    margin-left:20px;
    margin-right:20px;    
    padding-left:10px;
    padding-right:10px;    
    margin-bottom:10px;
}

.thin_pre {
    margin:0px;
    margin-top:2px;
    margin-bottom:2px;    
}

.ramadda-pre {
    max-height: 300px; 
    overflow-y: auto;
}

.entry-inline {
    max-height: 300px; 
    overflow-y: auto;
    border: 1px #888 solid; 
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";

}


.metadata-header {
    margin-top:10px;
    border-bottom: 1px #eeeeee solid;
    font-size: 140%;
    margin-right: 50px;
}


.metadata-row-divider {
    height: 1px;
    margin-top:2px;
    margin-bottom:2px;
    margin-left:10px;
    margin-right:10px;
}

.metadata-row-even {
    margin-bottom:2px;
    background-color:#ffffff;
}

.metadata-row {
    line-height:24px;
}


.metadata-row-odd {
    margin-bottom:2px;
    background-color:#f8f8f8;    
}

.ramadda-metadata-heading {
    font-weight:bold;
}    

.metadata-group {
    max-height:300px;
    overflow-y:auto;
}

.metadata-group .metadata-row {
    /*margin-left: 20px;*/
}


.metadata-search-link {
    text-decoration:none;
}

.metadata-block {
    margin-left:15px;
}

.hideshowblock .metadata-block {
    margin-left:15px;
}
.metadata-toggle-block {
    margin-bottom:5px;
}

.metadata-toggle-block .toggleblocklabel {
    border-bottom: var(--basic-border);
    display:block;
}

.metadata-full .metadata-block {
    max-height:600px;
}


.metadata-small-label {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-weight: bold; 
    border-bottom: 1px #888 solid;
    padding: 5px;
    padding-left: 5px;
    padding-bottom: 0px;
    margin-top: 5px;
    margin-right: 50px;
}

.metadata-small-content {
    margin-left: 0px;
    padding-left: 0px;
}



.metadata-tags {
    text-align:center;
}

.metadata-tag-input {
    margin-right:5px;
}

.metadata-tag-deleted {
    background:#aaa !important;
    border:1px solid #888 !important;
}



.metadata-tag {
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 

    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);
}

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



.bs-inner .metadata-tag {
    font-size:9pt;
}

.bs-inner .ramadda-snippet {
    padding-top:0px;
    margin-bottom:10px;
    font-size:9pt;
    max-height:120px;
    overflow-y:auto;
}

.metadata-tag:hover {
    border:1px solid #888;
}

.metadata-tag a {
    text-decoration:none;
}

.metadata-tag-selected {
    background:#C5E5F5;
    border:1px solid #000;
}

img.metadata-tag {
    width:60px;
    border-radius: 0px;
    background:transparent;
    padding:0px;
    border:2px solid transparent  !important;
}

img.metadata-tag:hover {
    border:2px solid blue !important;
}

img.metadata-tag-selected {
    border:2px solid #000 !important;
    background:transparent;
}


.ramadda-metadata-image, .metadata-image {
    max-width: 100%;
}

.ramadda-system-message {
    z-index:var(--ui-dialog-z-index);
    margin:4px;
    padding:4px;
    border: 1px #aaa solid;
    font-weight: bold; 
    background:var(--color-mellow-yellow);
}



.ramadda-entry-popup-select  {
    background: #eee;
    cursor:default;
    padding-left:3px;
    border:1px solid transparent;
}

.ramadda-entry-popup-select:hover  {
    border:var(--highlight-border);
    cursor:pointer;
}

.ramadda-entry-popup-select:focus  {
    border:1px solid transparent;
}

.hiddeninput {
    border :none;
}

.ramadda-required {
    background: #ffaaaa;
}

.ramadda-required-field {
    color: red;
}

.ramadda-required-disabled {
    border : 1px transparent solid;
    background: #ffaaaa;
}

.ramadda-required-label {
    color: #ff0000;
}

.ramadda-hline {
    border-top:var(--basic-border);
}

.ramadda-highlight {
    font-weight: bold; 
    background: #FFFFCC;
    padding: 5px;
}


.registration-agree {
    font-weight: bold; 
    background: #FFFFCC;
    padding: 5px;
    display:inline-block;
    padding:6px;
    margin-top:8px;
    margin-bottom:8px;
}


.map-drag-box {
    border :4px #ccc solid;
}

.map-pan-box {
    border :0px #ccc solid;
}

.map-legend-div {
    max-height: 300px; 
    overflow-y: auto;
    min-width: 400px; 
    max-width: 400px; 
    overflow-x: auto;
}



.selectboxit-text {
    float: none !important;
    text-align:left !important;
}


.selectboxit-container {
    color:black;
}

.entry-confirm-list a, .ramadda-subheading a, .ramadda-page-heading a, .dbtableheader a, .dbheader a, .db-map-list-outer a, .selectboxit-options a, .entry-tools-box a, .childlist-link, .ramadda-help-heading a, .ramadda-message a, .ramadda-search-provider-list a, .entry-list-row a, .entry-list-simple a, .ramadda-frames-entries a, .ramadda-links a, .ramadda-heading a, .harvester-row a, .display-contents a, .ramadda-linksheader a, .ramadda-breadcrumbs-list a, .ramadda-page-title a, .entry-list-header a, .ramadda-selectdiv  a, .ramadda-popup  a {
    text-decoration:none;
}



a.btn-primary:link, a.btn-primary  {
    color:#fff;
    text-decoration:none;
}

.ramadda-image-link {
    display:inline-block;
}

.ramadda-image-link:hover {
    cursor:pointer;
}


.ramadda-selectdiv {
    z-index:var(--selectdiv-z-index);
}

.ramadda-popup {
    z-index:var(--popup-z-index);
    font-size:var(--font-size);
}

.ramadda-popup-menu {
    margin:10px;
}

.ramadda-popup-dialog, .ramadda-popup,.ramadda-selectdiv {
    position: absolute; 
    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; 
    background-color : #FFF;
}

.ramadda-popup-dialog {
    padding:8px;
    padding-bottom:4px;
}


.ramadda-popup-contents {
    display:none;
}

.ramadda-popup-close {
    padding-left:0px;
    position:absolute;
    top:-2px;
    left:0px;
}


.ramadda-modal {
  display: none; 
  position: fixed; 
  z-index:var(--modal-z-index);
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  background-color: rgba(0,0,0,0.4); 
}

.ramadda-modal-strict {
    background-color: rgba(180,180,180,1);
}

.ramadda-modal-contents {
    background:#fff;
    position:absolute;
    left:100px;
    top:100px;
}

.ramadda-popup-header {
    position:relative;
    padding:4px;
    padding-bottom:0px;
    border-bottom:var(--basic-border); 
    background-color: #f0f0f0;
    border-top-left-radius: var(--default-radius);
    border-top-right-radius: var(--default-radius);
}


.ramadda-popup-header a:hover, .ramadda-popup-header .ramadda-link:hover {
    color: var(--hover-color) !important;    
}


.ramadda-popup-title {
    padding-left:20px;
    padding-right:10px;    
    width:100%;
    display:inline-block;
    text-align:center;
}

.ramadda-popup-title-right {
    display:inline-block;
    position:absolute;
    right:10px;
    
}

.ramadda-popup-link  {
    display:inline-block;
    cursor:pointer;
}

.ramadda-popup-link:hover, .ramadda-popup-link:hover span i   {
    color: var(--hover-color) !important;    
}


.wiki-popup-inner {
    padding:5px;
}    

.ramadda-popup-pin {
    border: 1px solid rgba(0,0,0,0);
    cursor:pointer;
}

.ramadda-popup-pin-pinned {
    background:#ccc;
}

.ramadda-popup-pin:hover {
}



.ramadda-popup-inner {
    padding:0px;
    background-color : #fff;
    margin:0px;
}

.ramadda-popup, .ramadda-popup a:visited, .ramadda-popup a {
    color:black;
}

.ramadda-popup-link {
    color:black;
}

.ramadda-popup-close {
    padding-right:4px;
}

.ramadda-popup-link:hover {
    text-decoration: underline;
}

.ramadda-popup-close {
    margin: 5px;
}


.ramadda-popup-box {
    padding:1px;
    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; 
}

.ramadda-menu-item {
    padding-left:4px;
    padding-right:4px;
    cursor:pointer;
}



.ui-button span i {
    color:rgb(85, 85, 85);
}

.ui-button:hover, .ui-button:hover span i {
    color: var(--hover-color) !important;    
}



div.ramadda-menu-item {
    /*    padding:4px;
*/
}

.ramadda-menu-item a {
    padding:0px;
}

div.ramadda-menu-item:hover, .ramadda-menu-item:hover a, .ramadda-menu-item a:hover {
    color: var(--hover-color) !important;    
}


.ramadda-select-header {
    padding-left:4px;
    display:inline-block;
    background:#E0FFFF;
    border-top:1px solid #aaa;
    border-bottom:1px solid #aaa;    
    font-weight:bold;
}

.ramadda-select-icon {
    background:none !important;
}


.ramadda-folder-block {
    margin-right:0px;
    padding:0px;
    padding-left:12px;
}


.ramadda-select-popup .ramadda-folder-block {
    max-height:200px;
    overflow-y:auto;
}

.ramadda-entry-select-links {
    white-space:nowrap; 
    margin-right:5px;
}

.ramadda-select-block {
    max-height:150px;
    overflow-y:auto;
    max-width:500px;
    overflow-x:overlay;
}

.ramadda-select-inner {
    padding-right:10px;
}


.boxquote {
    font-style:italic;
    margin-top:0.5em;
    margin-bottom:0.5em;    
    padding:4pt;
    border  :var(--basic-border);
    background-color:#EFFFFF;
    border-radius: var(--default-radius);
}


label {
    margin-left: 3px;
    margin-bottom: 3px;
    padding-left: 15px;
    text-indent: -15px;
}

.harvester-row  {
    border-bottom: 1px #efefef solid;
}

.harvester-row td {
    padding: 5px;
    padding-left: 5px;
}

.harvester-active {
    background: #FFFFCC;
}

.ramadda-balloon,.ramadda-balloon-right,.ramadda-balloon-left {
  position:relative;
  padding:10px;
  color:#333;
  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; 
  border-radius:10px;
}

.ramadda-balloon:before,.ramadda-balloon-right:before, .ramadda-balloon-left:before {
  content:"";
  position:absolute;
  bottom:-18px; 
  border-width:18px 16px 0px 16px;
  border-style:solid;
  border-color:#ccc transparent;
  display:block;
  width:0;
}

.ramadda-balloon-right:before {
    right:40px;
}

.ramadda-balloon-left:before {
    left:40px;
}

.ramadda-balloon-from,.ramadda-balloon-from-right,.ramadda-balloon-from-left {
    text-align:right;
    margin-top:10px;
    margin-bottom:5px;
}

.ramadda-balloon-from-right {
    text-align:right;
    margin-right:70px;
}

.ramadda-balloon-from-left {
    text-align:left;
    margin-left:70px;
}

/* creates the smaller  triangle */
.ramadda-balloon:after,.ramadda-balloon-right:after,.ramadda-balloon-left:after {
  content:"";
  position:absolute;
  border-width:18px 15px 0px 15px;
  bottom:-16px; 
  border-style:solid;
  border-color:#fff transparent;
  display:block;
  width:0;
}

.ramadda-balloon-right:after {
  right:41px; 
}
.ramadda-balloon-left:after {
  left:41px; 
}


.ramadda-comment-block {
    border-bottom : 1px #aaaaaa dashed;
    padding-bottom:5px;
    margin-bottom:10px;
}

.ramadda-comment-commenter {
    font-style:italic;
}

.ramadda-comment-subject {
    font-weight:bold;
}

.ramadda-comment-inner {
    padding-left:20px;
}

.ramadda-comment-date {
    font-style:italic;
}

.ramadda-separator {
    font-size: 80%;
}


.ramadda-earth-container {
    border: 1px solid #888;
}

.ramadda-earth-entries {
    white-space:nowrap; 
    overflow-x:overlay;
    padding-right:6px;
    margin-right:2px;
}

.ramadda-earth-nav a {
    color: #000;
    text-decoration:none;
}


.ramadda-earth-nav {
    margin-top:2px;
    color: #000000;
}

.ramadda-earth-link:link {
    color: #000000;
}

.ramadda-earth-link:hover {
}

.ramadda-header {
    z-index:var(--header-z-index);
    background-repeat: repeat; 
    background-image:url(images/background_short.png);
    padding-bottom: 0px;
    border-bottom : var(--basic-border);
    position:relative;
}


.ramadda-user-menu {
    margin-right:0px;
    margin-top:4px;
}

.ramadda-user-profile {
    margin:2px;
    padding:5px;
    display:inline-block;
    border:var(--basic-border);
    border-radius: var(--default-radius);
}


.ramadda-logo-image {
}


/*jsgif class is for the animated gif*/

.jsgif, .ramadda-image-loading {
  background: url('icons/progressbig.gif') no-repeat;
  background-size: 100px 100px;
  background-position: center; 
  min-height:100px;
  min-width:100px;
}


.ramadda-header-label {
    font-size:120%;
    vertical-align: bottom;
    margin-left:10px;
    color: #444;
}

.ramadda-header-title {
    font-size: 200%;
}

.ramadda-header-links {
    font-size: 80%;
}

.ramadda-header a  {
    color:#000;
}

.ramadda-header a:hover  {
    text-decoration:none; color:var(--highlight-color);    cursor:pointer;
}

.ramadda-header-layoutbar {
    border:0px solid;
}

.ramadda-breadcrumbs {
    padding-left: 4px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
    line-height:0.5em;
    vertical-align: top;
    font-size: 80% !important;
}


.breadcrumbs-separator {
    margin-left:2px;
    margin-right:2px;
}

.breadCrumb ul li a {
    color: #444;
    padding:0px;
}

.breadCrumb {
    margin:0px;
    padding:0px;
    border: 0px;
}

.breadCrumb ul li.last {
}


.breadcrumb-delimiter, .breadCrumb ul li {
    background: url(icons/arrow_right_blue.png) no-repeat 100% center;
    margin: 0px 4px 0px 0px;
    padding: 0px 8px 0px 0px;
    font-size: inherit;
}

.breadcrumb-delimiter {
    margin: 0px 4px 0px 4px;
    padding: 0px;
    vertical-align:middle;
    width:8px;
    height:16px;
    display:inline-block;
}

.breadcrumbs {
    margin-top:5px;
    text-decoration: none;
    vertical-align: bottom;
}

.breadcrumbs a {
    text-decoration: none;
    color: #000;
}


.breadcrumbs a:hover {
    color:var(--highlight-color);
}


.chevronOverlay {
    background: url(icons/arrow_right_blue.png) no-repeat 100% center;
}

.ramadda-breadcrumbs-list {
    margin-left:4px;
    max-width:60vw;
    max-width:60vw;    
    overflow-x:hidden;

}




.ramadda-breadcrumbs-menu {
    padding-right: 0px;
}


.ramadda-breadcrumbs-menu-button {
    display:block;
    padding:3px;
    margin:0px;
    border-radius: 3px;
    border: 1px #ccc solid;
    background-color:#fff;    
    transition: transform .3s ease-in-out;
}

.ramadda-breadcrumbs-menu-button i {
    font-size:16pt;
    line-height:8px;
    color:#aaa;
}

.ramadda-breadcrumbs-menu-button:hover {
    transform: scale(1.5);
    border-color: var(--nav-hover-color);
}

.ramadda-plugin-row td {
    padding: 5px;
}

.ramadda-user-admin {
    background:var(--color-mellow-yellow);
}

.ramadda-user-guest {
    background:mintcream;
}

.ramadda-user-row  {
    border-bottom: 1px #efefef solid;
}

.ramadda-user-row td {
    padding: 5px;
}

.ramadda-license-dialog {
    width: 500px;
    margin:8px;
}


.ramadda-licenses-box {
    margin-left:20px;
    max-height:600px;
    overflow-y:auto;
}

.ramadda-license {
    max-width:600px;
    background:#fff;
}

.ramadda-licenses-license {
    padding:5px;
    border:1px solid #ccc;
    margin-bottom:10px;
}

.ramadda-license-text {
    display:inline-block;
    display:inline;
    max-width:90%;
    overflow-x:overlay;
    max-height:100px;    
    overflow-y:auto;    
    margin-left:10px;
}
.ramadda-license-description {
    font-style:italic;
    max-width:600px;
    overflow-x:overlay;
    max-height:100px;    
    overflow-y:auto;    
    margin-left:10px;
}



.ramadda-datapolicy-description {
}
.ramadda-datapolicy-citation {
    font-style:italic;
    border: var(--basic-border);
    padding:4px;
}

.ramadda-role-datapolicy {
    font-weight:bold;
}

td .ramadda-role {
    padding:2px;
    padding-left:4px;
    padding-right:4px;    
    margin:0px;
}

.ramadda-role-comment {
    background:#ccc;
}
.ramadda-role-none {
    background:#D72128;
    background:#C6282A;
    color:white;
}
.ramadda-role-negated {
    font-weight:bold;
}

.ramadda-access-summary-header  {
    border-bottom: 2px #000 solid;
}

.ramadda-access-summary-header td {
    padding: 5px;
    padding-bottom: 0px;    
}

.ramadda-access-summary {
   border-bottom: 1px solid #aaa !important;    
}

.ramadda-access-summary td {
    border: var(--basic-border);
    padding:0px;
}

.ramadda-access-summary td div {
    padding-left:5px;
    padding-right:5px;    
}

.ramadda-user-activity  {
}

.ramadda-user-activity td {
    padding: 5px;
}

.ramadda-user-menu {
    display:table;
    font-weight: normal;
    vertical-align:center;
}

.ramadda-user-menu a {
    font-weight: normal;
    width: 100%;
}

.ramadda-page-link {
    transition: transform .3s ease-in-out;
    padding-right:5px;
    display:inline-block;
    display: table-cell;
    vertical-align: middle;
}

.ramadda-page-link-simple a {
    text-decoration:none;
}

.ramadda-page-link-simple {
    padding-left:5px;
    padding-right:5px;
    display:inline-block;
    vertical-align: middle;
}

.ramadda-page-link:hover {
    transform: scale(1.25);
}


.ramadda-button.ramadda-page-link-simple  i {
    color:#aaa;
}


.ramadda-button.ramadda-page-link-simple {
    margin-left:4px;
    margin-right:4px;
    margin-top:4px;
    margin-top:4px;
    margin-bottom:4px;        
    display:block;
}

.ramadda-user-menu-image {
    margin-bottom: 0px;
    padding:0px;
    vertical-align: middle;
}

.ramadda-user-avatar {
    border-radius: 50%;
}

img.ramadda-user-menu-image {
    border-radius: 50%;
    border:1px solid transparent;
    width:25px;
}

img.ramadda-user-menu-image:hover {
    border:1px solid var(--hover-color);
}


.ramadda-user-settings-link {
    font-size:80%;
}



.ramadda-user-link {
    max-width:250px;
    white-space:nowrap;    
    overflow-x:hidden;
    min-width: 100px;
    padding-top:4px;
    padding-bottom:2px;
    padding-right:8px;
    padding-left:8px;
    margin-top:1px;
    text-align:left;
    border-bottom: 1px #aaa solid;
}



.ramadda-user-link:hover, .ramadda-user-link:hover span i, .ramadda-user-link span i:hover {
    color: var(--hover-color) 
}

.ramadda-user-link:last-child {
    border-bottom: 0px;
}

.ramadda-user-link:hover {
    background:var(--highlight-background);
    cursor:pointer;
}

.ramadda-text a, .ramadda-text a:visited {
    text-decoration: underline;
    color: black;
}

.ramadda-user-link a {
    color: black;
}


.ramadda-user-field, .ramadda-user-field:focus  {
    border : 1px #888888 solid;
    background-position: 1px 1px;
}

.ramadda-heading-1 {
    border-bottom: 1px #999 solid;
    font-weight: 600;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 0px;
    margin-bottom:4px;
    margin-top:4px;
}

.ramadda-heading-2 {
    margin:0px;
    padding:0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-top: 0px;
    font-weight: bold;
    vertical-align: bottom;
    font-size: 110%;
}

a.ramadda-heading-2-link {
    color:black;
    text-decoration: none;
}

a.ramadda-heading-2-link:visited {
    text-decoration: none;
}

.ramadda-datetime {
    font-style:italic;
    margin:0px;
    white-space:nowrap;    
}

.ramadda-logo {
    margin: 5px;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}

.ramadda-acknowledgement {
    margin:5px;
    display:inline-block;
}

.ramadda-acknowledgement i {
    color:#3399CA;
}
.ramadda-acknowledgement img {
    border : var(--basic-border);
}


.ramadda-acknowledgement, .ramadda-acknowledgement a {
    text-align: center;
    font-style:italic;
    margin-bottom:5px;
}

.ramadda-footer {
    font-size:10pt;
    margin:0px;
    margin-top:20px;
    margin-left: auto;
    margin-right: auto;
    padding:20px;
    font-size:10pt;
    text-align:center;
    background-repeat: repeat; 
    background-image:url(images/background_short.png);
    border-top : var(--basic-border);
}

.ramadda-smalllink {
    font-size:80%;
}

.ramadda-smallhelp {
    font-size:80%;
}

.ramadda-stack {
    background-color : #eee;
    border: 1px #666666 solid;
    margin-left:10px;
}

.entryheader {
    border-bottom : var(--basic-border);
    margin-bottom:5px;
}

.entryname {
    margin-top:3px;
    padding-left:15px;
    font-weight: bold;
    vertical-align: bottom;
}

.entryname a:hover {
    text-decoration: underline;
    color:#0000ff;
    color:#ff0000;
}

.entryname a {
    color: #000000;
}

.entryoutput {
    margin:0px;
    padding: 10px;
    min-height: 350px; 
    max-height: 350px; 
}

.entryselect {
    margin:0px;
    padding: 10px;
    min-height: 200px; 
}

.ramadda-menubutton {
    margin:0px;
    margin-left:2px;
    margin-right:2px;
    padding:0px;
    padding-left:3px;
    padding-right:3px;
    color: #000000;
    text-decoration: none;
}

.ramadda-menubutton:link {
    text-decoration: none;
    color: #000000;
}

.ramadda-menubutton:hover {
    text-decoration: none;
    color: #000000;
    background-color: #eee;
    text-decoration: underline;
}

.ramadda-menubutton-separator {
    padding:0px;
    margin:0px;
    margin-bottom:3px;
}

.ramadda-menubutton-separator:after {
    content: "|";
}

.ramadda-menu-label {
    border: 1px red solid;
}

.entry-sidebox {
    border: var(--basic-border);
    padding: 4px;
    border-radius: var(--default-radius);
    max-width: 300px;
    overflow-x:overlay;
}

.entry-tools-box {
    border: var(--basic-border);
    padding-left: 8px;
    padding-bottom: 2px;
    padding-top: 6px;
    margin-bottom:10px;
    border-radius: var(--default-radius);
    -webkit-border-radius: var(--default-radius);
}

.entry-tools-box a:hover {
    color: #00f;
}

.entry-tools-box  a {
    color: #000;
}


.entry-list-header-toggle {
    padding-top:1px;
}

a.ramadda-entries-link {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

.ramadda-menuitem {
    margin-left:10px;
    margin-right:10px;
    margin-top:3px;
    margin-bottom:3px;
    min-width:150px;
}


.ramadda-menuitem:hover {
    background:var(--highlight-background);
}


.ramadda-menuitem:hover span i {
    color: var(--hover-color) !important;    
}

.ramadda-menuitem-separator {
    margin:2px;
    margin-bottom:3px;
    padding:0px;
    color:black;
    margin-right:30px;
    border-bottom: var(--basic-border);
}

a.ramadda-menuitem-link {
    text-decoration: none;
    width:100%;
    display:inline-block;
}

.ramadda-menuitem-link:visited {
    color: #000000;
}

.ramadda-menuitem-link:link {
    color: #000000;
}


a.ramadda-menuitem-link:hover {
    text-decoration:none; color:var(--highlight-color);    cursor:pointer;
}


.ramadda-menuitem a {
    font-weight: normal;
    text-decoration: none;
    color: #000000;
}


.ramadda-menu  { 
    font-size: var(--font-size) !important;;
    margin: 5px;
    background: #fff;
    border: 0px #ccc solid;
}

.ramadda-menu-entries {
    white-space:nowrap;
    max-width:250px;
    overflow-x: auto;
    max-height: 300px;
    overflow-y: auto;
    padding-left:10px;
}

.ramadda-menu-block  {
    padding-left:4px;
    padding-top:4px;
    padding-bottom:4px;
    font-size: var(--font-size);
}

.ramadda-menu-block a {
    font-size: var(--font-size);
    display: inline;
    border: 0px #ccc solid;
    padding:0px;
    margin:0px;
}



.ramadda-menu td { 
    padding: 0px;
    text-align: left;
}


.ramadda-entry-menu-title {
    background-color: #f0f0f0;
    padding:px;
    margin-bottom:4px;
    border-bottom : var(--basic-border);
}

.ramadda-menugroup  {
    font-size:90%;
    white-space:nowrap;
    max-height: 300px; 
    overflow-y: auto;
    overflow-x:hidden;
    max-width:250px;
}

.ramadda-entry-tools .ramadda-menugroup  {
    max-width:400px;
}

.ramadda-entry-actions .ramadda-menugroup,.ramadda-menugroup-ext   {
    max-height: 400px; 
}


.ramadda-server {
    max-height: 350px; 
    overflow-y: auto;
    margin-left:20px;
}

.ramadda-server-block {
    max-height: 100px; 
    overflow-y: auto;
    margin-left: 20px;
}


.hidden {
    visibility: hidden; 
    display:none;
}


.image-caption {
    color: #000;
    margin-left:5px;
}

.image-caption a {
    color:#666;
    font-size:10pt;
}

.image-description {
    margin-top:8px;
    padding-top:8px;
    border-top: 1px #aaa solid;
    max-height: 100px;
    overflow-y:auto;
}


.image-outer {
    border: var(--basic-border);
    margin:5px;
    padding-top:10px;
    padding-bottom:5px;
    border-radius: var(--default-radius);
    padding-left:5px;
    margin-bottom:20px;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray');
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray')";
}

.image-inner {
    padding-left:10px;
    padding-right:10px;
    text-align:center;
}

.image-inner img { 
}

a.image-link {
    color: #000;
}

.sortlink   {
    font-size: 80%;
}

.sortlink  a {
    text-decoration:none;
    padding-left:2px;
    padding-right:2px;
    font-style:italic;
    color:black;
}

.sortlink a:hover {
    color:var(--nav-hover-color);
}

.sortlinkon  {
    background-color : #eee;
}

.sortlinkoff  {
}

snippet {
    display:inline;
}

snippet-hide {
    display:none;
}

.ramadda-linksheader {
    color:rgb(59, 69, 78);
    text-align: center;
    border-bottom:var(--basic-border);
    margin-bottom:8px;
    padding-bottom: 2px;
 }

.ramadda-linksheader  a,   .ramadda-linksheader  a:visited, .ramadda-linksheader  a:link  {
    color:rgb(59, 69, 78);
}

.ramadda-linksheader-links {
    display:inline-block;
    font-size:140% !important;
    padding-bottom: 2px;
}

.ramadda-linksheader-on, .ramadda-linksheader-off  {
    padding: 0px;
    padding-left: 8px;
    padding-right: 8px;
    margin-left: 6px;
    margin-right: 6px;    
    display:inline-block;
}

.ramadda-linksheader-on {
    background:#efefef;
    border-radius: var(--default-radius);
}


.ramadda-metadata-form {
    padding-left: 10px;
}

.ramadda-metadata-form .ramadda-pulldown {
    min-width:200px;

}

.ramadda-metadata-html {
    padding-left: 10px;
}

.subnav {
    margin:10px;
    margin-left:0px;
    padding:1px;
    min-height: 500px;
    font-weight: bold;  
}

.subnav a:hover  {
    text-decoration:none; color:var(--highlight-color);    cursor:pointer;
}

.subnavoncomp  {
    background-color:#ffffff;
    border: 1px #000 solid; 
    border-bottom: 1px white solid; 
    padding-left:5px;   
    padding-right:5px;   
    padding-top:1px;   
    padding-bottom:0px;   
    font-weight: bold;  
    margin:3px;
}

.subnavoffcomp  {
    background-color:var(--header-background);
    border: 1px #000 solid; 
    border-top: 1px #999 solid; 
    border-left: 1px #999 solid; 
    border-right: 1px #999 solid; 
    padding-left:5px;   
    padding-right:5px;   
    padding-top:2px;   
    padding-bottom:0px; 
    font-weight: bold;  
}

.subnavoffcomp, .subnavoncomp    {
    border-top-left-radius: var(--default-radius);
    border-top-right-radius: var(--default-radius);
    -webkit-border-top-left-radius: var(--default-radius);
    -webkit-border-top-right-radius: var(--default-radius);
    margin-left:3px;
    margin-right:3px;
    padding-top:3px;
}

.subnavoffcomp  a, a.subnavoffcomp, .subnavoffcomp a:visited {
    color:#444;
}

.subnavoffcomp a:hover {
    text-decoration:none; color:var(--highlight-color);    cursor:pointer;
}

.cimg {
    text-align:center;
    margin-top: 20px;
    margin-bottom: 40px;
}

.caption {
    text-align:center;
    font-style:italic;
    margin-bottom:10px;
    display:inline-block;
}

.ramadda-caption {
    text-align:center;
    font-style:italic;
    margin-bottom:10px;
}


.pagetitle {
    font-size: 130%;
    font-weight: bold;
    color: #8080C0;
    margin-top: 15px;
    margin-bottom: 5px;
}

.ramadda-pagesearch-input {
    border-radius
}

.pagesubtitle {
    font-size: 120%;
    font-weight: bold;
    color: #8080C0;
    margin-top: 10px;
    margin-bottom: 5px;
}

.childlist-level {
    font-weight:bold;
    margin-top: 10px;
    margin-bottom: 5px;
}

.childlist {
    margin: 10px;
    margin-left: 30px;
}

.pagesubsubtitle {
    font-weight: bold;
    color: #8080C0;
    margin-top: 5px;
    margin-bottom: 5px;
}


.ramadda-code {
    font-style:italic;
}

.ramadda-code-path {
    font-style:italic;
}

imports {
    display: inline;
}

nowiki {
    display: inline;
}

data {
    display:none;
}

wiki {
    display: inline;
}

.wikicontent {
    margin:0px;
    padding:0px;
}

.wiki-image {
    padding-bottom:10px;
}

.wiki-image-caption {
    font-style: italic;
}


.wiki-text-raw {
    background-color: #ddd;
    border:1px #888 solid;
    padding:4px;
    font-style: italic;
}

.wiki-infobox {
    margin-top:5px;
    border : 1px #aaaaaa solid;
    background-color:#f8f8f8;
    padding-left:5px;
    padding-bottom:5px;
}

.wiki-infobox-title {
    font-weight: bold;
}

.wiki-infobox-entry-title {
    font-weight: bold;
}

.wiki-categories {
    border: 1px #999999 solid; 
    padding:4px;
}

.wikicompare-deleted {
    background: #ffa;
    font-size: smaller;
}

.wikicompare-context {
    background: #eee;
    font-size: smaller;
}

.wikicompare-added {
    background: #cfc;
    font-size: smaller;
}


.wikicompare-lineheader {
    padding-top:10px;
    font-weight: bold;
}

.wikicompare {
    max-width: 50%; 
    overflow-x: auto;
    background-color:white;
}




.ramadda-select-popup {
    padding-top:2px;
    padding-bottom:2px;
    padding-left:8px;
    padding-right:8px;
}

.ramadda-select-search {
    margin-top:8px;
    margin-bottom:8px;
}

.ramadda-select-search-results {
    max-height:300px;
    overflow-y: auto;
    max-width: 300px;
    overflow-x:overlay;
    display:none;
    padding-left:5px;
}

.ramadda-search-suggestion {
    color:rgb(59, 69, 78);
    width:100%;
    overflow-x:hidden;
    white-space: nowrap;
    padding:4px;
    text-align:left;
}

.ramadda-search-suggestion-item {
    display:inline-block;
    margin-right:6px;
    width:100%;
}


.ramadda-search-suggestion:hover {
    background-color: #eee;
}

.ramadda-search-suggestion a:hover {
    color:#000;
}

.ramadda-xls-search-form {
    margin-bottom:2px;
}

.ramadda-xls-search-extra {
    margin-top: 10px;
    margin-left: 20px;
}

.ramadda-xls-table {
    max-height: 1000px;
    max-width: 1000px;
    overflow: auto;
}

.ramadda-xls-chart-toolbar {
    margin-top:10px;
}

.ramadda-xls-label {
    font-weight: bold; 
}


.ramadda-xls-button {
    min-width: 125px;
    max-width: 125px;
}

.ramadda-xls-button-sheet {
    min-width: 100px;
    max-width: 100px;
    margin-bottom: 8px;
}

.ramadda-tag-box {
    max-width:200px;
    overflow-x:hidden;
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 4px;
    border : var(--basic-border);
    border-radius: var(--default-radius);
    background-color: #eee;
    color: #000;
}

.ramadda-xls-button-sheet-selected {
    font-weight: bold;
}

.ramadda-xls-buttons {
    display: inline-block;
    overflow-y: auto;
    max-height: 290px;
    margin-right:5px;
}

.result-table {
    border-color: #666;
    border-width: 0px 0px 1px 1px;
    border-style: solid;
}

.result-table td {
    padding:4px;
    padding-bottom:1px;
    border-color: #666;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    margin: 0;
}

.result-header {
    background-color:#e8e8e8;
    font-weight: bold;

}

.result-header, .result-header a {
    color:#222;
}

.kml-description {
    border: var(--basic-border);
    max-height: 150px; 
    overflow-y: auto;
    padding:4px;
    margin:5px;
    margin-top:2px;
}

.graph-path {
    fill: none;
    stroke: #666;
    stroke-width: 1.5px;
}

.graph-link {
    stroke: #666;
}

.graph-arrow {
    fill: #666;
    stroke-width: 2.5px;
}

.graph-node-text-visited {
    pointer-events: none;
    font: 10px sans-serif;
}

.graph-node-text-unvisited {
    pointer-events: none;
    font: 10px sans-serif;
    font-weight: bold;  
    color:red;
    text-decoration: underline;
}

.graph-div {
    border: 1px solid #000;
}

.slides_control {
    width:100% !important;
}

.slide {
    background-color:white;
}

.calendartable,  .dategrid {
    border-color: #888;
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    table-layout: fixed;
}


.browseblock  a {
    color:#000000;
}


.listrow1 {
    background-color:#eee;
}

.listrow2 {
    background-color:#fff;
}

.entry-listing td {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 8px;
}

.description {
    margin-left:20px;
    margin-bottom:10px;
}

.browseblock {
    margin-left:20px;
    border: 2px #999999 solid; 
    max-width: 90%; 
    max-height: 150px; 
    overflow-y: auto;
    overflow-x: visible;

}

.scrollablediv {
    max-height: 350px; 
    overflow-y: auto;
}

.ramadda-snippet-popup { 
    pointer-events: none;
}


.toolbar-selected {
    margin:2px;
    border : var(--basic-border);
    padding-left:1px;
    padding-right:1px;
}

.toolbar {
    margin:2px;
    padding-left:1px;
    padding-right:1px;
}

.audio-player {
    border:1px solid;
}

.moreblock {
    visibility: hidden; 
    display:none;
}

.image_edit_box {
    border : 3px red solid;
    position: absolute; 
    z-index:var(--image-edit-z-index);
}

.latlon_box {
    border : 3px red solid;
    padding:0px;
    margin:0px;
    position: absolute; 
    visibility: hidden; 
}

.ramadda-floatdiv {
    filter:alpha(opacity=80);
    -khtml-opacity: 0.80;
    opacity: 0.80;
    position: absolute; 
    display:none;
    z-index:var(--floatdiv-z-index);
    background-color:     #C6E2FF;    
    border: 1px #666666 solid;   
    color: #000;    
    padding:4px;
}

.error-list {
    border: 1px #666666 solid;     
    max-height: 200px; 
    overflow-y: auto;
    padding:5px;
}


.ramadda-user-form-header, .formgroupheader {
    background:var(--highlight-background);
    border-top-left-radius: var(--default-radius);
    border-top-right-radius: var(--default-radius);
    margin-top:4px;
    margin-bottom:0px;
    padding-top:6px;
    padding-left: 5px;
    padding-bottom: 0px;
    color: #000;
    border-bottom: var(--basic-border);
    font-weight: bold;
}


.ramadda-entry-subgroup {
    display:inline-block;
    border-bottom: var(--basic-border);
    padding-left:5px;
    font-weight:bold;
    min-width:75%;
    margin-left:0px;
}


.ramadda-user-form-header {
    background:var(--header-background);
}

.innercontent {
    margin: 0px;
}

.ramadda-innercontent {
    min-height:80vh;
}

.ramadda-content {
    min-height:800px;
    margin:0px;
    background-color:#ffffff;
}

.entrymenuarrow {
    padding-left:5px;
    padding-right:5px;
}

.navlink {
    margin-top: 2px;
}

.navlink a:link, .navlink a:visited {
    color:black;
}

.navlink a:link {
    color:black;
}


.hideshowblock {
    margin-top:0px;
    z-index:var(--hideshow-z-index);
}

.block {
    margin-top:2px;
}

.actionblock {
    margin:0px;
    padding:0px;
    padding-left:18px;
}

.actionblock li {
    margin:0px;
    padding:0px;   
}



.ramadda-toggle-link i {
    color:#bbb;
}


a.toggleblocklabellink {
    color:black;
    text-decoration: none;
}

a.toggleblocklabellink:visited {
    text-decoration: none;
}

.toggleblocklabel {
    font-weight: bold;
    display: inline-block;
    cursor:pointer;
}


.ramadda-toggleblock-label, .entry-toggleblock-label  {
    vertical-align:middle;
    padding-top:2px;
    padding-bottom:2px;
    margin-bottom:2px;
    padding-left:4px;
}

.entry-toggleblock-label  img {
    vertical-align:middle;
    padding-right:2px;
}

.entry-toggleblock-label:hover {
    background-color : var(--highlight-border);
    cursor:pointer;
}

.ramadda-entry-edit-options {
    margin-left:40px;
    margin-bottom:10px;    
    padding:10px;    
    border:var(--basic-border);
}

.ramadda-entry-edit  {
    width:95%;
}


/* override the bootstrap column padding */
.ramadda-col {
    padding-right:10px;
    padding-left:10px;

}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right:10px;
    padding-left:10px;

}

.row-tight .col, .row-tight .col-1, .row-tight .col-10, .row-tight .col-11, .row-tight .col-12, .row-tight .col-2, .row-tight .col-3, .row-tight .col-4, .row-tight .col-5, .row-tight .col-6, .row-tight .col-7, .row-tight .col-8, .row-tight .col-9, .row-tight .col-auto, .row-tight .col-lg, .row-tight .col-lg-1, .row-tight .col-lg-10, .row-tight .col-lg-11, .row-tight .col-lg-12, .row-tight .col-lg-2, .row-tight .col-lg-3, .row-tight .col-lg-4, .row-tight .col-lg-5, .row-tight .col-lg-6, .row-tight .col-lg-7, .row-tight .col-lg-8, .row-tight .col-lg-9, .row-tight .col-lg-auto, .row-tight .col-md, .row-tight .col-md-1, .row-tight .col-md-10, .row-tight .col-md-11, .row-tight .col-md-12, .row-tight .col-md-2, .row-tight .col-md-3, .row-tight .col-md-4, .row-tight .col-md-5, .row-tight .col-md-6, .row-tight .col-md-7, .row-tight .col-md-8, .row-tight .col-md-9, .row-tight .col-md-auto, .row-tight .col-sm, .row-tight .col-sm-1, .row-tight .col-sm-10, .row-tight .col-sm-11, .row-tight .col-sm-12, .row-tight .col-sm-2, .row-tight .col-sm-3, .row-tight .col-sm-4, .row-tight .col-sm-5, .row-tight .col-sm-6, .row-tight .col-sm-7, .row-tight .col-sm-8, .row-tight .col-sm-9, .row-tight .col-sm-auto, .row-tight .col-xl, .row-tight .col-xl-1, .row-tight .col-xl-10, .row-tight .col-xl-11, .row-tight .col-xl-12, .row-tight .col-xl-2, .row-tight .col-xl-3, .row-tight .col-xl-4, .row-tight .col-xl-5, .row-tight .col-xl-6, .row-tight .col-xl-7, .row-tight .col-xl-8, .row-tight .col-xl-9, .row-tight .col-xl-auto {
    padding-right:0px !important;
    padding-left:0px !important;
}

.formtable, .formtable_tight  {
    padding-top: 0px;
    padding-bottom: 0px;
}

.formtable td {
    padding-top: 4px;
    padding-bottom: 3px;
    padding-left: 4px;
    padding-right: 3px;
}

.formtable_tight td {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 4px;
    padding-right: 3px;
}

.left_right_table td {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.formcontents {
    text-align:left;
}

.ramadda-entry-property-label {
    max-width:300px;
    width:1px;
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    text-align:right;
    vertical-align: top;
    color: #000;
}

.formlabel, .formlabeltop {
    font-weight: bold;
    text-align:right;
    vertical-align: top;
    color: #000;
}

.formtable-fullwidth .formlabel, .formtable-fullwidth .formlabeltop {
    white-space: nowrap;
    width:15%;
}


.service-list {
    margin-left: 10px;
}

.service-list-header, .service-results-header, .service-form-header {
    border-top-left-radius: var(--default-radius);
    border-top-right-radius: var(--default-radius);
    border: 1px #D1DEE4 solid;
    background-color:#E6F1F6;
    font-weight: bold;
    padding-top:5px;
    padding-bottom:0px;
    padding-left:6px;
    margin-top: 15px;
}

.service-form-header-links {
    padding: 2px;
    padding-right: 5px;
}

.service-form-header-links img {
    border: 1px  #E6F1F6 solid;
}

.service-form-header-links img:hover {
    width: 12px;
    border: 1px #888 solid;
}

.service-list-category {
    border-left: 1px #f0f0f0 solid;
    border-bottom: 1px #f0f0f0 solid;
}

.service-list-service {
    padding-left:5px;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom: 1px #f0f0f0 solid;
}

.service-list-description {
    margin-left:22px;
}

.service-form {
    margin:5px;
    border-top: 0px #888 solid;
}

.service-form-description  {
    border: 1px #EFEFEF solid;
    border: 1px #eaeaea solid;
    border-top: 0px;
    background: var(--color-mellow-yellow);
    background: #f8f8f8;
    padding:5px;
    max-height: 100px; 
    overflow-y: auto;
    padding-left:10px;
    padding-bottom:2px;

}

.service-form-entries {
    border: 1px #EFEFEF solid;
    border-top: 0px;
    padding:5px;
    padding-left:10px;
    padding-right:50px;
}

.service-form-contents {
    border: 1px #EFEFEF solid;
    border-top: 0px;
    padding:5px;
    padding-left:10px;
    padding-right:50px;
}


.service-form .ramadda-heading-1 {
    border-top-left-radius: var(--default-radius);
    border-bottom: 1px #ccc solid;
    margin-top:5px;
    padding:5px;
    padding-left:8px;
    padding-bottom:0px;
}


.service-form-buttons {
    margin:5px;
    padding-top:5px;
}

.service-form-help {
    padding-left:4px;
}

.service-results {
    border : 1px #EFEFEF solid;
}


.service-output-header {
    margin-top: 6px;
    margin-left:10px;
    margin-right:10px;
    border-bottom : 1px #D1DEE4 solid;
}

.service-output {
    margin-left:10px;
    margin-right:10px;
    max-height: 400px; 
    overflow-y: auto;
}

.service-output-large {
    margin-left:10px;
}


.admin-block {
    margin-top:5px;
    padding-left:5px;
    padding-bottom:5px;
}

.admin-block-inner {
    margin-left:20px;
    background-color:#f9f9f9;
    border : 1px #aaaaaa solid;
}

.wiki-toc-wrapper {
    margin:10px;
}

.wiki-toc {
    margin-top:5px;
    border : 1px #aaaaaa solid;
    background-color:#f8f8f8;
    padding-left:5px;
    padding-bottom:5px;
}

g.wiki-tocheader {
    font-weight: bold;
}

.wiki-block {
    margin-top:5px;
    padding-left:5px;
    padding-bottom:5px;
}

.wiki-blockheader {
    font-weight: bold;
}

.wiki-h1, .wiki-h2, .wiki-h3, .wiki-h4, .wiki-h5, .wiki-h6 {
    color: black;
    background: none;
    font-weight: normal;
    margin: 0px;
    margin-bottom: .1em;
    padding-top: .1em;
    padding-bottom: 0em;
}
.wiki-h1 { 
    padding-left: 2px;
    font-size: 150%;
}
.wiki-h2 { 
    border-top-left-radius: 8px;
    border-top-right-radius: 2px;
    font-weight: bold;
}

.wiki-h3, .wiki-h4, .wiki-h5, .wiki-h6 {
    border-bottom: none;
    font-weight: bold;
}
.wiki-h3 { font-size: 130%; }
.wiki-h5 { }
.wiki-h6 { }

.wiki-hr {
    height: 1px;
    color: #aaa;
    background-color: #aaa;
    border: 0px;
    margin: .2em 0px .2em 0px;
}

.ramadda-wiki-tag {
    margin-left:20px;
    font-style:italic;
}


.wiki-link {
}


.wiki-link-external {
}


.wiki-link-noexist {
    color:red;
}


a.wiki-link-noexist {
    color:#aa0000;
}


.ramadda-frames {
    border-top-right-radius: 0px;
    border:1px solid #ccc;
}

.ramadda-frames-left {
    background:#fff;
    padding: 0px;
    margin:0px;
}


.ramadda-frames-right {
    margin:0px;
    padding:0px;
    border-left:var(--basic-border);
}

.ramadda-frames-entries {
    border-top:0px solid transparent;
    padding: 0px;
    float: left; 
    white-space: nowrap;
    width:100%;
    max-width:100%;
    overflow-y:auto;
    overflow-x:overlay;
}



.ramadda-frames-leftheader  {
    position:relative;
}

.ramadda-frames-header  {
    position:relative;
    border-top-left-radius: var(--default-radius);
    border-top-right-radius: var(--default-radius);
    margin:0px;
    padding:5px;
    border: 1px #eee solid;
    border-bottom: 0px #fafafa solid;
    background: #fafafa;
}

.ramadda-frames-header a {
    color: #000;
}

.ramadda-frames-nav  {
    position:absolute;
    left:40%;
    top:8px;
}


.ramadda-frames-category,.ramadda-frames-entry {
    margin: 0px;
    padding:5px;
    border-bottom:1px solid #efefef;
}

.ramadda-frames-entry-active {
    background:var(--highlight-background);
}


.ramadda-frames-entry:hover {
    background: #efefef;
}

.ramadda-frames-category {
    font-weight: bold;
    border-top:1px solid #666;

}

.ramadda-frames-entry-header:first-child {
}

.ramadda-frames-entry-header:hover {
    background: #fff;
}



#frames_view {
    border:0px solid #ccc;
}

#frames_header {
}


/* JQuery overrides */
.ramadda-accordion .ui-accordion-header, .ramadda-accordion .ui-state-default, .ramadda-accordion .ui-state-active {
    border: 0px #fff solid;
    background: none;
}

.ui-accordion .ui-accordion-content , .ramadda-accordion .ui-accordion-content {
    border: none;
    padding: 0px;
    padding-left: 10px;
}


.ui-icon.iconOpen {
    background:url('icons/caret-down-solid.png') no-repeat 0px;
    background-size:20px;
    width:20px;
    height:20px;
}
.ui-icon.iconClosed {
    background:url('icons/caret-right-solid.png') no-repeat 0px;
    background-size:20px;
    width:20px;
    height:20px;
}

/* eventually delete these two where accordian is spelled with an a */
.ramadda-accordian .ui-accordian-header, .ramadda-accordian .ui-state-default, .ramadda-accordian .ui-state-active {
    border: 0px #fff solid;
    background: none;
}

.ui-helper-reset, .ui-accordion .ui-accordion-header {
    font-size:var(--font-size);
    line-height: 1.5em;
}

.ui-accordion-header a {
    color:#000 !important;
}


.ui-accordion .ui-state-default {
    background:transparent;
}

.ui-accordion .ui-tabs-tab {
    background:#fff;
}

.ui-accordion .ui-state-default:hover {
    background:var(--highlight-background);
}

.ui-accordion .ui-accordion-content , .ramadda-accordian .ui-accordion-content {
    border: none;
    padding: 0px;
    padding-left: 10px;
}

/* delete this someday */
.ramadda-accordian-contents {
    display:none;
}

.ramadda-accordion-contents {
    display:none;
    background:none;
}

.ui-accordion-icons .ui-accordion-header a {
    padding:1.8em;
}

.ui-accordion .ui-accordion-header a {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}



.ui-datepicker .ui-datepicker-header {
    background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; 
}

.ui-datepicker { 
    border: 1px solid #aaaaaa !important;
    z-index:999 !important;
}


/** add this to hide the dotted line that the hidden "Close" label gives us*/
.ui-button-icon-only {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.ui-tabs {
    background:rgba(0,0,0,0);
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding-left: .5em;
    padding-right: .5em;
    padding-top: .2em;
    padding-bottom: .0em;
}

.ui-tabs .ui-tabs-panel {
    border:var(--basic-border);
    background:#fff;
    padding-left:1em;
    padding-right:1em;
}

.ramadda-tabs-tight .ui-tabs-panel {
    padding:0em  !important;
}

.ramadda-tabs-noborder .ui-tabs-panel {
    border: 0px solid transparent !important;
}

/** for pagination **/
.vertical-center {
    text-align:center;
    width:100%;
    position: absolute;
    top: 47%;
    transform: translateY(-47%);
}
.vertical-center p {
    margin-top:23px;
}

.ramadda-tabs-center .ui-tabs-nav { 
    height: 1.8em; 
    text-align: center; 
} 


.ramadda-tabs-center.ramadda-tabs-min .ui-tabs-nav { 
    height: 2.25em;
}


.ramadda-tabs-center .ui-tabs-nav li { 
    display: inline-block; 
    float: none; 
    top: 0px; 
    margin: 0em; 
    padding-bottom: 0px; 
}

.ramadda-tabs-min .ui-tabs .ui-tabs-panel {
    border:0px solid #ccc;
}

.ramadda-tabs-min .ui-tabs  {
    background:#fff;
}

.ramadda-tabs-min .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
}

.ramadda-tabs-minarrow .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding-bottom: .5em;
}

.ramadda-tabs-min { 
    background: transparent; 
    border: none; 
} 

.ramadda-tabs-min .ui-widget-header { 
    background: transparent; 
    border: none; 
    border-bottom: 1px solid #c0c0c0; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 

.ramadda-tabs-min .ui-tabs-nav .ui-state-default { 
    background: transparent; 
    border: none; 
} 

.ramadda-tabs-minarrow .ui-tabs-nav .ui-state-active { 
    background: transparent url(icons/uiTabsArrow.png) no-repeat bottom center; 
} 

.ramadda-tabs-min .ui-tabs-nav .ui-state-active { 
    border: none; 
}

.ramadda-tabs-min .ui-tabs-nav .ui-state-default a { 
    color: #c0c0c0; 
} 

.ramadda-tabs-min .ui-tabs-nav .ui-state-active a { 
    color: #000; 
    font-weight: bold;
}


.ramadda-tabs-transparent .ui-tabs-nav .ui-state-active a { 
    color: #fff; 
    font-weight: bold;
}


.ramadda-tabs-transparent .ui-tabs, .ramadda-tabs-transparent .ui-tabs-panel { 
    background:#0000;
}

.ramadda-tabs-transparent .ui-tabs-nav { 
}


.ui-widget.ui-widget-content  {
    border: none;
}


.ramadda-menutree .ui-menu {
    border  :var(--basic-border);
    width:200px;
}

.ramadda-menutree .ui-menu-item-wrapper:not([aria-haspopup="true"]) {
    padding-left:6px;
}


.display-animation-slider .ui-slider-handle {
    width:1em !important;
    margin-left: -.2em !important;
}

.ui-slider-handle {
    width:0.5em !important;
    margin-left: -.2em !important;
}


.ui-slider-handle:focus-visible {
    outline:none;
}


.ui-slider.ui-widget  {
    background: rgb(238,238,238);
    border: var(--basic-border);
}

.ui-widget-content {
    border: none;
}

.ui-widget-header {
    border: none;
    background: none;
}


.ui-dialog {
     -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
    border: 1px #ccc solid;
}

/* select menus with icons */
.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 0.2em;
}

.wiki-editor {
    position:relative;
}

.wiki-editor-tag-highlight {
}

.wiki-editor-popup-category {
    font-weight:bold;
}

.wiki-editor-menu-icon i, .wiki-popup-menu-header i { 
    font-size:18px;
}

.wiki-editor-message {
    position:absolute;
    right:0px;
    top:0px;
    min-width:200px;
    padding-left:6px;
    padding-right:6px;    
    background:rgba(255, 254, 236,0.9);
    z-index:var(--wikieditor-message-z-index);
    font-family: var(--font-family);
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;    
}

.ace_wiki-editor-entryid {
    color:#B22222;
}



.ace_wiki-editor-comment {
    background: var(--color-mellow-yellow);
    border-radius: 2px;
    padding-right:4px;
    font-weight:bold;
}

.wikieditor-menu-popup .ramadda-menu-item {
    border: 1px solid #e8e8e8;
}

.wiki-editor-preview {
    height:800px;
    overflow-y:auto;
    position:fixed;
    left:100px;
    top:40px;
    z-index:var(--wikieditor-preview-z-index);
    overflow-x:overlay
}

.wiki-editor-preview .ramadda-menubar {
    margin-top:0px;
}

.wiki-editor-preview .ui-resizable-handle {
    z-index:var(--wikieditor-preview-handle-z-index);
    height:14px;
    width:14px;
    background-color:#aaa;
}

.wiki-editor-preview-inner {
    width:100%;
    height:500px;
    overflow-y:auto;
    border:1px solid #ccc;
    background:white;
}

.wiki-editor-popup {
    margin:5px;
    vertical-align:top;
}

.wiki-popup-menubar {
    background:#ccc;
}    

.wiki-popup-menu-header {
    margin-right:2px;
    margin-left:2px;    
    padding:4px;    
    /*border-right:var(--basic-border);*/
    font-size:90%;
}


.wiki-popup-menu-item {
    background:#fff;
    max-height:200px;
    overflow-y:auto;
}

.wiki-editor-popup-heading {
    font-size:125%;
    margin-left:0px;
    text-align:left;
}

.wiki-editor-popup-link  {
    width:100%;
}

.wiki-editor-tooltip {
    font-size:10pt;
    max-width:600px;
}

.wiki-editor-popup-link a {
    display:inline-block;
    width:100%;
    margin-left:4px;
    margin-right:4px;
}

.wiki-editor-popup-link:hover a, .wiki-editor-popup a:hover {
    color: var(--hover-color) !important;    
    background:var(--highlight-background);
    text-decoration:none;

}

.wiki-editor-popup-toolbar {
    background:#F0F0F0;
    padding:5px;
}

.wiki-editor-popup-header {
    display:inline-block;
    width:190px;
}

.wiki-editor-popup-section {
    vertical-align:top;
    display:inline-block;
}

.wiki-editor-popup-items {
    margin-left:10px;
    max-width:400px;
    overflow-x:overlay;
    max-height:200px;
    overflow-y:auto;
}

.wiki-editor-editor {
    background:#efefef;
}

.ace_contents {
    display:relative;
}

.ace_selected {
    background:#ccc;
}

.ace_active_char {
    position: absolute;
    background:green;
    min-width:20px;
}

.ace_attribute-name {
    font-style:italic;
}
.ace_attribute-value {
    font-style:italic;
}
.ace_tag {
    font-weight: bold;
}

.ace_macro, .ace_display_macro {
}

.ace_bracket {
    color:blue;
}

.ace_editor  { 
    border-radius:0px;
    margin-top:0px;
    overflow-x:overlay;
    width:100%;
    border: 1px #ccc solid;
    height:500px;
}



.ramadda-file-dnd-target {
    min-width:400px;
    display:inline-block;
    border: 2px dashed #ccc;    
    cursor:pointer;
    /*padding:2px;
    margin-top:2px;
*/


}

.ramadda-file-dnd-target:hover {
    background:var(--highlight-background);
    border: 2px dashed #aaa;    
}

.ramadda-drop-active {
    border:1px solid #666;
}


.ramadda-file-dnd-label {
    display: inline-block;
    padding:5px;
    margin-bottom:25px;
    color:#aaa;
}


.ramadda-file-dnd-label .fas {
    color:#ccc;    
    margin-left:5px;
    margin-right:5px;
}



.ramadda-file-dnd-target.ramadda-drop-active {
    border: 2px solid #aaa !important;        
}

.ramadda-dnd-target-files {
    margin-top:4px;
    margin-bottom:4px;    
    display:inline-block;
    overflow-y:auto;
    overflow-x:overlay;
    max-width:300px;
    font-size:80%;
}

.ramadda-dnd-target-files .fas {
    color:#999;
    font-size:12pt;
}

/** Calendar styles **/
 .calnavtable {
    border-width: 0px;
}


.datetable {
    border:1px solid #ccc;
}

.datetableheader {
    background-color:var(--header-background);
}    

.calnavday, .calheader, .calentry, .daycalendartable td, .dategrid>tr>td  {
    border-color: #888;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    margin: 0px;
}

.calheader {
    padding-top:10px;
    padding-left:10px;
    background-color:var(--cal-background);
    font-weight: bold;
}

.cal-day-link, .cal-day-link a {
    text-decoration: none;
    color: #000;
}

.cal-day-link {
    height:100%;
    font-size: 8pt;
}


.cal-day {
    display:inline-block;
    max-width:100%;
    overflow-x:overlay;
}

.calcontents {
    max-height: 200px; 
    overflow-y: auto;
}

.calnavmonthheader {
    border-width: 0px 0px 0 0;
    text-align:center;
    background-color:var(--cal-background);
    font-weight: bold;
    font-size: var(--cal-font-size);
}

.calnavmonthheader a {
    text-decoration:none;
}
.calnavmonthheader a:hover {
    color: var(--hover-color) !important;    
}

.calnavdayheader {
    text-align:center;
    background-color:var(--cal-background);
    font-weight: bold;
    font-size: var(--cal-font-size);
}

.calnavday {
    text-align:right;
    font-size: var(--cal-font-size);
    background-color:#fff;
    padding-left:20px;
    padding-top:5px;
    padding-right:1px;
}

.calnavoffday a, .calnavtheday a {
    font-size: var(--cal-font-size);
}

.calnavtheday {
    text-align:right;
    font-size: var(--cal-font-size);
    background-color:var(--cal-background-on);
    border:1px solid #000;
    padding-left:20px;
    padding-top:5px;
    padding-right:1px;
}

.calnavoffday {
    text-align:right;
    font-size: var(--cal-font-size);
    background-color:#cccccc;
    padding-left:20px;
    padding-top:5px;
    padding-right:1px;
    border-width: 1px 1px 0 0;
    border-style: solid;
}


/** Put the clickable and highlightable here so they take precedence */
.ramadda-clickable input:hover, label:hover, .ramadda-clickable:hover span i, .ramadda-clickable:hover a, .ramadda-clickable:hover, .ramadda-clickable-span:hover {
    cursor:pointer;
    color: var(--hover-color) !important;    
}



img.ramadda-clickable {
    border:1px solid transparent;
}
.ramadda-clickable-span:hover, img.ramadda-clickable:hover {
    border:1px solid var(--hover-color) !important;
}

.ramadda-copyable {
    text-decoration: underline;
}

.ramadda-clickable-span:hover {
    background: var(--highlight-background) !important;    
}


input.ramadda-clickable:hover {
    border:1px solid var(--hover-color);
}

input.ramadda-clickable {
}

.disabledinput, .disabledinput:focus {
    border : 1px solid #ccc;
    background: #eee;
    cursor:default;
}



a span i:hover, a:hover span i {
    color: var(--hover-color) !important;    
}


.ramadda-highlightable:hover, .ramadda-highlightable:hover span i, .ramadda-highlightable:hover a, a.ramadda-highlightable:hover {
    color: var(--hover-color) !important;    
    text-decoration:none;
}

.ramadda-hoverable:hover {
    background:var(--highlight-background);
    /*transition: background-color .3s ease-in;*/
}

.ramadda-highlighted {
    background: var(--color-mellow-yellow);
    border:var(--basic-border);
    padding:4px;
}

.ramadda-link {
    text-decoration: none;
    display:inline-block;
}

a.ramadda-link:hover, .ramadda-link:hover {
    text-decoration:none; 
    color: var(--highlight-color);
    cursor:pointer;
    background:var(--highlight-background);
}

h3 a {
    color:black;
}

h3 a:visited {
    color:black;
}


.wikipedia-summary {
    display:inline-block;
    border:var(--basic-border);
    border-radius:var(--default-radius);
}

.wikipedia-header {
    text-align:center;
    font-weight:bold;
}

@media print {
    .pagebreak {
	clear: both;
	break-after:always;
	page-break-after:always; 	
    } 
}

@media only screen and (max-device-width : 600px) {
    img { 
        max-width: 480px;
    }
    input { 
        max-width: 90%; 
    }

    .entry-arrow img {
        width: 20px;
    }

    .ramadda-section  {
        padding-top:4px;
        padding-bottom:4px;
        padding-left:0%;
        padding-right:0%;
    }

    .ramadda-page-heading, .ramadda-heading {
	font-size:120%;
	margin-bottom: 0px;
	font-weight: bold;
    }

    .ramadda-page-heading-small {
	font-size:100%;
	margin-bottom: 0px;
	font-weight: bold;
    }

    .ramadda-header-icon {
	margin-top:5px;
	font-size:20px !important;
    }

    h1, h2, h3 {
	font-size: 110%;
    }
}