/*AppContent*/
/* DO NOT DEFINE COLORS IN THIS STYLE SHEET.*/
/* COLORS ARE DEFINED IN THEMES */
.leftTable {
     float: none;
     width: calc(100% - 1px); /*auto;*/
     overflow: auto;
     border-top: 1px solid;
     border-bottom: 0px solid;
     border-left: 1px solid;
     border-right: 0px solid;
}

.topTable {
     float: none;
     height: auto;
     overflow: auto;
     border-top: 1px solid;
     border-bottom: 0px solid;
     border-left: 1px solid;
     border-right: 0px solid;
}

.rightDetails {
     margin-left: auto;
     width: auto;
     overflow: auto;
     border-top: 1px solid;
     border-bottom: 0px solid;
     border-left: 0px solid;
     border-right: 1px solid;
}

.bottomDetails {
     margin-top: auto;
     height: auto;
     overflow: auto;
     border-top: 0px solid;
     border-bottom: 1px solid;
     border-left: 0px solid;
     border-right: 1px solid;
}

#splitter {
     border-left: 0px solid;
     border-right: 0px solid;
     border-top: 0px solid;
     border-bottom: 0px solid;
     margin-left: 0px;
     margin-right: 0px;
}

#hsplitter {
     border-left: 0px solid;
     border-right: 0px solid;
     border-top: 0px solid;
     border-bottom: 0px solid;
     margin-top: 5px;
     margin-bottom: 5px;
}
/* Don't use.  It will set overflow for ALL divs in splitter (some we may not want)
changed lefttable and rightdetails to specifically have overflow auto.
#splitterX div {
	overflow: auto;
}
*/
.splitterLeftPanel {
     float: none;
     width: calc(100% - 1px); /*auto;*/
     overflow: auto;
     border-top: 1px solid;
     border-bottom: 0px solid;
     border-left: 1px solid;
     border-right: 0px solid;
}

.splitterRightPanel {
     margin-left: auto;
     width: auto;
     overflow: auto;
     border-top: 1px solid;
     border-bottom: 0px solid;
     border-left: 0px solid;
     border-right: 1px solid;
}

.splitterTopBorder {
     height: 6px;
     border-top: 1px solid;
     /*border-bottom: 1px solid;*/
}

.appEditArea {
     overflow: auto;
     border-style: solid;
     border-left-width: 1px;
     border-right-width: 1px;
     border-top-width: 1px;
     border-bottom-width: 1px;
     /*    margin-left: 5px;
    margin-right: 5px;*/
}

.cursorHand {
     cursor: pointer;
}

.cursorArrow {
     cursor: default;
}

/* ToolTips */

.tooltip {
     font-size: .9em;
}

     .tooltip table td {
          padding: 5px;
     }

/*
------------------------------------------------
Table Sorter 
------------------------------------------------
*/
/*
.header {
	background-image: url(../images/arrow_sort.gif);
	background-repeat: no-repeat;
	background-position: center right;
}
*/
.headerSortUp {
     background-image: url(../images/arrow_up.png);
     background-repeat: no-repeat;
     background-position: center right;
}

.headerSortDown {
     background-image: url(../images/arrow_down.png);
     background-repeat: no-repeat;
     background-position: center right;
}
/*
------------------------------------------------
Sticky Header 
------------------------------------------------
*/

.sticky {
     overflow: auto;
}

     /*You MUST set the background color on the th tags in the table header!!!!!!*/
     .sticky table thead tr:nth-child(1) th {
          position: -webkit-sticky;
          position: sticky;
          top: 0;
          z-index: 10;
     }
/*
------------------------------------------------
Chart Image Stuff
------------------------------------------------
*/
.chartBorder {
     border-style: none;
}
/*
------------------------------------------------
JQuery UI Dialog Stuff
------------------------------------------------
*/

.no-close .ui-dialog-titlebar-close {
     display: none
}
/* In case we want to change the look of the viewListItemDetail dialog */
.ui-widget.ui-widget-content.ui-dialog.viewListItemDetail {
	/*border-width: 3px;*/
	/*border-color: var(--darkHighlight_color);*/
	/*background-color: var(--panelNeutral_color);*/
}

/*Increase the size of the z-index so it doesn't display behind splitter bars.  SGY 12/08/2021*/
.ui-front {
     z-index: 1100;
}

.sp-picker-container {
     background-color: #DEDEDE;
}

.sp-palette-container {
     background-color: #DEDEDE;
}

/*
------------------------------------------------
App Column Menu (Vertical)
------------------------------------------------
*/

.ColumnMenu > ul li.title {
     text-align: center;
     padding-top: 10px;
     padding-bottom: 10px;
     font-weight: bold;
     font-size: 1.1em;
     cursor: default;
}

.ColumnMenu > ul li.subtitle {
     text-align: center;
     padding-top: 10px;
     padding-bottom: 10px;
     font-weight: bold;
     cursor: default;
}

.grid-container-columnmenu {
     box-sizing: border-box;
     display: grid;
     grid-gap: 0px;
     grid-template-columns: 150px 1fr;
     grid-template-rows: 38px calc(100vh - 140px);
     grid-template-areas:
          "sidebar buttonbar"
          "sidebar content";
     overflow: hidden;
}

.grid-container-buttonbar {
     grid-area: buttonbar;
}

.grid-container-sidebar {
     grid-area: sidebar;
}

.grid-container-content {
     grid-area: content;
     /*position: relative;*/
     overflow: hidden;
}

.grid-container-buttonbar {
     display: flex;
     align-items: center;
}