body {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

input[type='checkbox'] {
    vertical-align: middle;
}

.widget_group_label {
    font-size: 16;
    position: absolute;
    margin-top: -8;
    margin-left: 30;
    z-index: 10;
    background: white;
    white-space: nowrap;
    padding: 2;
    padding-bottom: 0;
}

.widget_group_label_placeholder {
    font-size: 16;
    position: static;
    margin-left: 30;
    z-index: 10;
    background: white;
    white-space: nowrap;
    padding: 2;
    padding-bottom: 0;
    visibility: hidden;
    height: 0;
}

.widget_group_options {
    font-size: 10;
    margin-top: -12;
    margin-left: 20;
    z-index: 10;
    background: white;
    white-space: nowrap;
    padding: 2;
    padding-top: 3;
}

.toolbar {
    display: inline-block;
    font-size: 10;
    margin-top: -12;
    z-index: 10;
    background: white;
    white-space: nowrap;
    padding-right: 2px;
    padding-bottom: 1px;
    padding-top: 1px;
    border-top: 2px solid #dddddd;
    border-left: 2px solid #dddddd;
    border-right: 2px solid #898989;
    border-bottom: 2px solid #898989;
}

.toolbar i.fa {
    font-size: 14;
    color: #555;
    vertical-align: middle;
}

.toolbar i.icon-only {
    padding-left: 2px;
    padding-right: 2px;
}

.hidden .widget_group_label {
    top: 18;
}

.widget_group {
    border-radius: 25px;
    border: 4px solid #cccccc;
    padding: 6;
    overflow: auto;
    max-width: 100%;
}


.hidden {
    display: none;
    padding-top: 10;
}

.hiddenGroup {
    padding-top: 10;
}

.hiddenGroup .widget_group_label {
    top: 18;
}

.topGroup {
    margin: 10;
    vertical-align: top;
}

div.qtip {
    max-width: 100%;
    margin-top: 12px;
}

.collage {
    border-radius: 25px;
    border: 4px solid #cccccc;
    padding-top: 3;
}

.temp {
    width: 100%;
    height: 100%;
}

.omicsKey {
   background-color: #ffffff;
   border: 1px solid;
   font-size: 10px;
   border-collapse: collapse;
   margin-top: 14px;
}

.omicsKeyColors td {
   width: 10px;
   min-width: 10px;
   height: 12px;
   padding:0px;
   border: 1px solid;
}
.omicsKeyColors td.keySpacer {
   width: 4px;
   border-top: none;
   border-left: none;
   border-right: none;
}

.omicsKeyValues {
   border-collapse: collapse;
   font-size: 10px;
}

.omicsKeyColors {
   border-collapse: collapse;
   opacity: 0.7;
}
.omicsKeyValues td {
   height: 12px;
   padding:0px;
}

#multiorgSelectorDialog table {
    font-size: 13px;
}

.pageContentStatic table, .tooltipTable, .tooltipTable th {
    font-size: 10px;
}

#legend {
    padding: 10px;
}

.legendColor {
    height: 10px;
    width: 20px;
    /*opacity: 0.7; This has a weird effect on chrome; set at row level instead */
}

.legendLabel, label {
   font-size: 10px;
   padding-right: 2px;
   padding-left: 2px;
}

#legend td, .panelLegend td {
    text-align: center;
    vertical-align: top;
    max-width: 100px;
}

#legend td div, .panelLegend td div {
    display: inline-block;
}

#orgSelect label, #tpSelect label, #tpGroupSelect label {
    display: inline-block;
}

#orgSelect.editMode label, #tpSelect.editMode label, #tpGroupSelect.editMode label {
    display: none;
}

#orgSelect input[type='text'] {
    display: none;
}

#orgSelect input[type='color'], #tpSelect input[type='color'], #tpGroupSelect input[type='color']  {
    height: 24px;
    width: 24px;
    display: none;
    margin-left: 6px;
}

#orgSelect.editMode input[type='text'], #orgSelect.editMode input[type='color'], #tpSelect.editMode input[type='text'], #tpSelect.editMode input[type='color']  {
    display: inline-block;
}

.ui-sortable-handle label {
    cursor: grab;
}

.panelLegend {
    padding-left: 15px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}

/* This doesn't seem to be working:
.draggable-tooltip .ui-tooltip-titlebar {
    cursor: "move";
}
*/

ul.ui-contextmenu {
    z-index: 100000;
    font-size: 10px;
}

img.TUs {
    width: 100%;
    height: auto;
}

.ui-dialog, .ui-button-text, .ui-dialog-buttonpane {
    font-size: 10px;
    z-index: 100000;
}

.ui-slider {
    width: 150px;
}

.sliderTable {
    display: flex;
    flex-flow: row nowrap;
    font-size: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

#prefs {
    display: none;
    font-size: 10px;
    position: absolute;
    width: 300px;
    right: 0;
    z-index: 99;
}

#prefsToggler {
    color: #ccc;
    text-align: right;
    margin-top: -1px;
}

#prefsAccordion h3 {
    color: #555555;
    font-weight: normal;
}

#tpSelect {
    padding-right: 10px;
}

.placeholder {
    border: 1px solid #aaaaaa
}

#tpSelectTable {
    border: none;
    vertical-align: top;
}

#numGroups {
    width: 2em;
}

#groupGo {
    visibility: hidden;
}

.hasGroups {
    display: none;
    font-size: 10px;
}

.groupMember {
    padding-left: 20px;
}

.overlay {
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    padding:60px;
    z-index: 10000;
    background-color: #ffffff;
    border: 2px solid;
}

fieldset { 
    display: table; 
    border-color: #eee;
}
fieldset p { display: table-row; }
fieldset p label { display: table-cell; }
fieldset p input { display: table-cell; }
fieldset p span { display: table-cell; }

.markDeleted, .markDeleted input:disabled { 
    background-color: #ddd;
    color: #999;
	     }

.updCompDiv i.fa { 
    color: #717171; 
    padding: 2px;
}

.btnDiv {
    float: right;
}

table.updCompDiv {
    border: 1px solid #eee;
    font-size: 10px;
    margin-top: 6px;
    width: 100%;
}

.updLabel {
    text-align: right;
}

.updHeader {
    font-weight: bold;
}

table.updCompDiv td {
    vertical-align: top;
}

.qtip-title {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
   
}

.qtip-content {
    overflow-x: auto;
}

.smallTitlebar .ui-dialog-titlebar {
    padding: 0;
}

.smallTitlebar .ui-dialog-titlebar-close {
    margin-top: -6px;
    height: 12px;
}

.smallTitlebar .ui-dialog-titlebar-close .ui-icon-closethick {
    background-position-x: -80px;
}

body.waiting, body.waiting * {
    cursor: wait !important;
}

input#significanceThreshold {
    width: 100px;
}

.singleTP, .hide, #savedST, .hiddenBtn {
    display: none;
}

.toplink {
    padding-bottom: 8px;
    padding-right: 20px;
}

.linkbacks {
    display: none;
}

.font-minus, .toolbar i.fa.font-minus {
    font-size: smaller;
    vertical-align: text-bottom;
}

.smallSpinner {width: 20px}

.selectPathMenu {
    font-size: 12;
    position: absolute;
    z-index: 100000;
}


.omicsLegendTable {
    margin-top: 2px;
}
.omicsLegendLabel {
    writing-mode: vertical-lr;
    max-width: 5px;
    white-space: nowrap;
    font-size: 10px;
}

.omicsLegendBox {
    width: 5px;
    height: 9px;
    border: 1px gray solid;
}

#vg-tooltip-element.vg-tooltip {
    z-index: 20000;
}

.collageInnerLabel {
    padding: 1px 8px;
}

.collageInnerLabel:first-of-type, .collageInnerText:first-of-type {
    padding-top: 4px;
}

.collageInnerLabel:last-of-type, .collageInnerText:last-of-type {
    padding-bottom: 4px;
}
.collageInnerText {
    padding: 1px 8px;
    font-size: smaller;
}

.jBox-content .widget_group svg, div.regulatorChart svg {
    width: unset;
    height: unset;
    margin-top: unset;
    margin-bottom: unset;
}

.dashboardJBox.jBox-Modal .jBox-title {
    padding: 6px 23px 6px 10px;
    font-size: 13px;
}

.dashboardJBox.jBox-Modal.jBox-closeButton-title .jBox-closeButton {
    width: 26px;
}

.dashboardJBox.jBox-Modal .jBox-content {
    padding: 0 9px 9px;
}

.jBox-content .widget_group_label {
    margin-top: -16;
}

.jBox-title .fa-search-plus, .jBox-title .fa-search-minus, .jBox-title .fa-font, .jBox-title .fa-sort, .jBox-title .fa-check-square-o, .jBox-title .fa-square-o, .jBox-title button, .toolbar .fa-search-plus, .toolbar .fa-search-minus, .toolbar .fa-font, button.widget_group_options {
    cursor: pointer;
}

.vegaTtip .jBox-content {
    font-size: 10;
}

.googlechart svg > g:last-child > g:last-child {
    pointer-events: none;
}

.gdashLegend {
    display: flex;
    flex-flow: row wrap;
}

.gdashLegend>div {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}
.gdashLegend>div div {
    text-align: center;
    vertical-align: top;
    max-width: 100px;
    padding-top: 2px;
}

.searchDialog {
    overflow: visible;
}

.highlightInfo {
    margin-top: 6px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    color: #d1140a;
}

.highlightInfo span {
    padding-right: 6px;
}

.dataTableHdrCell {
    font-size: 1em;
}

#filterControls input[type=number] {
    width: 7em;
}

#valueFilterSpecs, #sigFilterSpecs, #cpdFilterSpecs {
    padding-left: 24px;
    margin-bottom: 6px;
}

#filterCounts th {
    font-weight: normal;
    text-align: right;
}

button#updateFilteringBtn {
    margin: 10px 0;
}

input.graphHtInput, input.graphWdInput {
    width: 80px;
}

input.sliderMinText, input.sliderMaxText {
    width: 80px;
}

#commonCpds label {
    display: block;
}

#commonCpds {
    margin: 6px 0px;
}

.axisControls input[type='color'] {
    width: 20px;
    height: 20px;
    padding: 2px 0 0 0;
    border: none;
}

.axisControls input[type='text'] {
    width: 120px;
}

.excludedItemMsg {
    font-size: 11px;
    border: 1px solid #aaaaaa;
    border-radius: 2px;
    padding: 3px;
    background: #eeeeee;
}

/*====================== tippy theme ====================*/

.tippy-box[data-theme~=ptools] {
    background-color:#eeeeff;
    background-clip:padding-box;
    border:1px solid #333399;
    color:#000;
    box-shadow:0 4px 14px -2px rgba(0,8,16,.08);
    text-indent: 0;
    font-size: 11px;
    line-height: 12.5px;
    text-align: left;
}

.tippy-box[data-theme~=ptools]>.tippy-backdrop {
    background-color:#fff
}

.tippy-box[data-theme~=ptools]>.tippy-arrow:after,.tippy-box[data-theme~=ptools]>.tippy-svg-arrow:after {
    content:"";
    position:absolute;
    z-index:-1
}

.tippy-box[data-theme~=ptools]>.tippy-arrow:after {
    border-color:transparent;
    border-style:solid
}

.tippy-box[data-theme~=ptools][data-placement^=top]>.tippy-arrow:before {
    border-top-color:#eeeeff
}

.tippy-box[data-theme~=ptools][data-placement^=top]>.tippy-arrow:after {
    border-top-color: #333399;
    border-width:7px 7px 0;
    top:17px;
    left:1px
}

.tippy-box[data-theme~=ptools][data-placement^=top]>.tippy-svg-arrow>svg {
    top:16px
}

.tippy-box[data-theme~=ptools][data-placement^=top]>.tippy-svg-arrow:after {
    top:17px}

.tippy-box[data-theme~=ptools][data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color:#eeeeff;
    bottom:16px
}

.tippy-box[data-theme~=ptools][data-placement^=bottom]>.tippy-arrow:after {
    border-bottom-color:#333399;
    border-width:0 7px 7px;
    bottom:17px;
    left:1px
}

.tippy-box[data-theme~=ptools][data-placement^=bottom]>.tippy-svg-arrow>svg {
    bottom:16px
}

.tippy-box[data-theme~=ptools][data-placement^=bottom]>.tippy-svg-arrow:after {
    bottom:17px
}

.tippy-box[data-theme~=ptools][data-placement^=left]>.tippy-arrow:before {
    border-left-color:#eeeeff
}

.tippy-box[data-theme~=ptools][data-placement^=left]>.tippy-arrow:after {
    border-left-color:#333399;
    border-width:7px 0 7px 7px;
    left:17px;
    top:1px
}

.tippy-box[data-theme~=ptools][data-placement^=left]>.tippy-svg-arrow>svg {
    left:11px
}

.tippy-box[data-theme~=ptools][data-placement^=left]>.tippy-svg-arrow:after {
    left:12px
}

.tippy-box[data-theme~=ptools][data-placement^=right]>.tippy-arrow:before {
    border-right-color:#eeeeff;
    right:16px
}

.tippy-box[data-theme~=ptools][data-placement^=right]>.tippy-arrow:after {
    border-width:7px 7px 7px 0;
    right:17px;
    top:1px;
    border-right-color:#333399)
}

.tippy-box[data-theme~=ptools][data-placement^=right]>.tippy-svg-arrow>svg {
    right:11px
}

.tippy-box[data-theme~=ptools][data-placement^=right]>.tippy-svg-arrow:after {
    right:12px
}

.tippy-box[data-theme~=ptools]>.tippy-svg-arrow {fill:#eeeeff}
.tippy-box[data-theme~=ptools]>.tippy-svg-arrow:after{
    background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);
    background-size:16px 6px;
    width:16px;
    height:6px
}

#orgSummaryTable th {
    font-size: small;
    font-weight: normal;
    background-color: whitesmoke;
}

#orgSummaryTable th:first-of-type {
    text-align: right;
}

#orgSummaryTable tr:first-of-type th {
    text-align: center;
}

#orgSummaryTable td {
    text-align: center;
}

#orgSummaryTable, #orgSummaryTable th, #orgSummaryTable td {
    border: 1px solid lightgray;
    border-collapse: collapse;
    padding: 2px;
    font-size: small;
    vertical-align: middle;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#orgSummaryTable th a {
    font-size: smaller;
    color: revert;
}

div#ptoolsVersion {
    margin: 4px;
}