/* This file should contain css overrides that are only needed for the portal application. */
/* Overwrite the default to keep the scrollbar always visible */
.x-title-text-default:after {
    display: none;
}

.x-grid-cell-first {
    background-image: -webkit-linear-gradient(top, #f9f9f9, #e6e3e3);
}
tr[aria-selected=true] td.x-grid-cell-first {
    background-image: -webkit-linear-gradient(left,#dfe8f6,#cbdaf0);
}
.x-grid-cell-special {
    background-image: -webkit-linear-gradient(top, #f9f9f9, #e6e3e3);
}
.x-grid-cell-inner-row-numberer {
    background-image: none;
    background-color: rgba(0,0,0,0);
}

.x-hide-display { display: none;}

::-webkit-scrollbar-button        
{
    background: rgba(0,0,0,.5);
}

::-webkit-scrollbar {
    height: 18px;
    overflow: visible;
    width: 18px;
    background: #fff;
}

::-webkit-scrollbar-track {
    background-clip: border-box;
    border-width: 1px 2px;
    border-style: solid;
    color: #c9dcFF;
    border-radius: 8px;
    -moz-border-radius: 8px;   /*Firefox*/
}

::-webkit-scrollbar-track:hover {
    background-color:rgba(0,0,0,.05);
}
::-webkit-scrollbar-track:active {
    background-color:rgba(0,0,0,.05);
}
::-webkit-scrollbar-track:horizontal {
    border-width: 2px 1px;
}
::-webkit-scrollbar-track:horizontal:hover {
}
::-webkit-scrollbar-track:horizontal:active {
}
::-webkit-scrollbar-thumb {
    background-clip: border-box;
    background-color: #c9dcff;
    min-height: 28px;
    padding: 100px 0 0;
    border-radius: 8px;
    -moz-border-radius: 8px;   /*Firefox*/
}
::-webkit-scrollbar-thumb:hover {
    background-color:#c9dcFF;
}

::-webkit-scrollbar-thumb:active {
    background-color:#b9ccFF;
}
::-webkit-scrollbar-thumb:horizontal {
    border-width: 6px 1px 1px;
    padding: 0 0 0 100px;
}

::-webkit-scrollbar-corner {
    background-clip: border-box;
    background-color: #f5f5f5;
    border-width: 3px 0 0 3px;
    border: solid #fff;
}

::-webkit-scrollbar-button:horizontal:decrement 
{
    border: 0px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    background-image: url("../img/left-btn.png");
}
 
::-webkit-scrollbar-button:horizontal:increment 
{
    border: 0px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    background-image: url("../img/right-btn.png");
}
 
::-webkit-scrollbar-button:vertical:decrement 
{
    border: 0px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    background-image: url("../img/up-btn.png");
}
 
::-webkit-scrollbar-button:vertical:increment 
{
    border: 0px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    background-image: url("../img/down-btn.png");
}

.action-align-middle
{
    vertical-align: middle;
}

.album-tile.selected-highlight .x-panel-body
{
    background-color: #dfe8f6;
    border-color: #3A6EA8;
    border-width: 2px;
}

.exclusive-highlight .x-change-cell,
.exclusive-highlight .x-grid-cell,
.album-tile.exclusive-highlight .x-container,
.album-tile.exclusive-highlight .x-panel-body,
.exclusive-highlight .x-panel-body
{
    background-color: #FFFFAA;
}

.apt-highlight .x-change-cell,
.apt-highlight .x-grid-cell,
.apt-highlight .x-panel-body
.album-tile.apt-highlight .x-container,
.album-tile.apt-highlight .x-panel-body
{
    background-color: #ffe6cc;
}

.proposal-highlight .x-change-cell,
.proposal-highlight .x-grid-cell,
.proposal-highlight .x-panel-body
.album-tile.proposal-highlight .x-container,
.album-tile.proposal-highlight .x-panel-body
{
    background-color: #ffe6cc;
}

.mousepointer
{
    cursor: pointer
}

.icon-align-right
{
    position: absolute;
    right: 2px;
}

.icon-align-16
{
    margin: 4px 4px;
    cursor: pointer;
    height: 16px;
    width: 16px;
}

.icon-align-16.x-menu-item-icon {
    margin: 0px;
}

.icon-align-24
{
    margin: 4px 4px;
    cursor: pointer;
    height: 24px;
    width: 24px;
}

.icon-align-32
{
    margin: 4px 4px;
    cursor: pointer;
    height: 32px;
    width: 32px;
}

.icon-align-none {
    display: none;
    cursor: none;
}

.icon-align-nocursor
{
    margin: 4px 4px;
}

.icon-align-disable
{
    margin: 4px 4px;
    opacity: 0.4;
}

.x-item-disabled
{
    opacity: 0.4;
    pointer-events: auto;
}

.exclusive-highlight
{
    background-color: yellow;
}

body,
.x-panel-body,
.x-form-field,
.x-tab button,
.x-tab-inner,
.x-toolbar-text,
.x-grid-cell-inner,
.x-btn-default-toolbar-small .x-btn-inner,
.x-component .x-fieldset-header-text,
.x-window-header-text-default,
.x-form-item,
.x-form-item-label,
.x-panel-header-text-default,
.x-fieldset-header,
.x-toolbar,
.x-container,
.x-container-default,
.x-box-inner,
.x-toolbar .x-toolbar-text,
.x-btn-default-small,
.x-btn-default-small .x-btn-inner,
.x-toolbar .x-form-item-label,
.x-tab-default .x-tab-inner,
.x-toolbar-item .x-form-cb-label,
.x-form-cb-label,
.download-manager .x-tree-node-text,
.x-panel-header-title-default,
.x-title-text.x-title-text-default.x-title-item
{
    font-size: 13px;
}

.x-fieldset-header-default > .x-fieldset-header-text {
    position:static;
}

.x-fieldset {
  overflow: visible;
}

h1 {
    font-size:18px;
    margin-bottom:20px;
}

.x-tab-default-top button, .x-tab-default-top .x-tab-inner,
.x-tab-center
{
    height: 15px;
}

.x-column-header-text
{
    font-size: 13px;
    vertical-align: middle;
    padding: 2px 0px 2px 0px;
    width: auto;
}

.x-column-header-inner
{
    padding: 2px 0px 0px 4px;
    vertical-align: bottom;
    width: auto;
}

.filter-container-label
{
    width: 105px;
    text-align: right;
}

.filter-container-checkbox
{
    width: 175px;
}

.x-tree-checkbox-partial div.x-tree-checkbox {
    background: url(../img/checkbox_partial.png) no-repeat;
    background-position: 0 0px;
}

.loading-class {
    background: url(../img/loading1.gif) no-repeat;
}

.search-panels
{
    background: #fff;
}
.search-panel-labels
{
    text-align: left;
    font-size: 18px;
}

.inline-containers
{
    vertical-align: top;
    float: left;
}

.table-valign
{
    vertical-align: top;
}

.rounded-corners
{
    border-radius: 15px;
    -moz-border-radius: 15px;   /*Firefox*/
    border-color: #c9dcff;
    border-width: 1px;
    border-style: solid;
    background-color: #c9dcff;
}

.highlight-panel
{
    border-color: orange;
    background-color: orange;
}

.hide-tab
{
    display: none;
}
.x-form-cb-label 
{
    display: inline;
    vertical-align: bottom;
}

strong
{
    font-weight: bold;
}

.warning-text {
    color: #ff0000;
}

 .x-tip {
  width: auto !important;
  max-width: 550px !important;
 }
 
 .x-tip-body {
  width: auto !important;
 }
 
 .x-tip-body span {
  width: auto !important;
 }

div.caom-image-placeholder {
	height:120px;
}

.standout {
    background-color: #dfe8f6;
}

.left-rounded {
    border-radius: 15px 0px 0px 15px;
    -moz-border-radius: 15px 0px 0px 15px;   /*Firefox*/
}

.right-rounded {
    border-radius: 0px 15px 15px 0px;
    -moz-border-radius: 0px 15px 15px 0px;   /*Firefox*/
}

.rounded {
    border-radius: 15px;
}

.align-bottom {
    vertical-align: bottom;
}

.x-fieldset-header-text {
    font-size: 15px;
}

.facet-header-text {
    color: #888888;
    cursor: pointer;
    opacity: .8;
}

.facet-header-icon-16
{
    cursor: pointer;
    height: 16px;
    width: 16px;
}

.top-button .x-btn-inner  {
    border:none;
    background-color: #e9f2fd;
    color: #333333;
    font-size: 14px;
}

.subscriptionGroup {
    background: transparent;
    border: 0px transparent;
    -webkit-box-shadow: transparent 0px 0px 0px;
    box-shadow: transparent 0px 0px 0px;
}

.x-grid-row.unread-highlight td div{
    font-weight: bold;
}

.notification-message {
    cursor: pointer;
}

.x-grid-cell {
    vertical-align: middle;
}

.x-tab-default-top, .x-tab-default-active {
    height: 21px;
}

.x-tab-default-top {
    border-width: 1px;
}

.x-tab-active {
    border-width: 1px 1px 0px 1px;
}

.x-tab-bar-body-default-top {
    padding-bottom: 0px;
}

.x-tab-bar-default-top {
    border: 0px;
}

.x-btn-disabled {
    cursor: auto;
}

.help-cursor {
    cursor: help;
}

.x-item-disabled {
    opacity: .3;
}

.itemLoginContainer  
{
     background: #fff;
}

/* Tooltips for JWST Keyword Dictionary tag descriptions*/
.tooltipJwstKD {
    position: relative;
    display: inline-block;
    width: 100%;
}

.tooltipJwstKD .tooltiptextJwstKD {
    visibility: hidden;
    width: 200%;
    background-color: #e9f2fd;
    border-style: solid;
    border-width: thin;
    border-color: #c9dcff;
    color: #333333;
    border-radius: 4px;
    padding: 5px 5px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltipJwstKD:hover .tooltiptextJwstKD {
    visibility: visible;
}

.action-container {
    display: inline;
}

/* Download Manager */
label.wrap-label {
    word-wrap: break-word;
}
.x-fieldset-header-default > .x-fieldset-header-text {
    font-size: 15px;
}

.x-tab-bar-top .x-tab-bar-strip-default {
    display: none;
}

.x-grid-cell-first {
    background-image: none;
}

.wide-textarea {
    max-width: none;
    width: 100%;
}

.wrap-label {
    word-wrap: break-word;
}

.menu-jdaviz .x-menu-item:first-child {
    background-color: #DEE8F4;
    cursor: default;
    font-weight: 800;
    font-size: 12px;
}

.invisible {
    visibility: hidden !important;
}

.preview-img {
    object-fit: contain;
}