/*
 * $Id: style.css,v 1.5 2022/11/08 21:10:22 dnh00 Exp $
 */
 
 /*
  * Basic page layout:
  */
.appBody { height: 100vh; max-height: 100vh; width: 100vw; max-width: 100vw; overflow: hidden; }
  .appWrapper { display: flex; flex-direction: column; height: 100vh; max-height: 100vh; }
    .appTop  { flex: 0 0 content; font-size: 12pt; font-weight: bold; color: #6588b2; text-align: center; }
      .appTopTable { margin-left: auto; margin-right: auto; width: 100%; margin-bottom: 1em; }
    .appContents { flex: 1 1 content; display: flex; flex-direction: column;
                   height: 0; border-bottom: 1px solid #e3ebf6; padding: 0;  vertical-align: top; }
      .navbar { flex: 0 0 content; box-shadow: 1px 2px 3px rgba(50, 50, 50, .4); font-weight: 600; } /* also scrollable */
    /*.row is display: flex; flex-direction: row; */
        .LTMenuBar { background-color: #FDFDFD !important; margin-left: 15px; border-right: 1px solid #e3ebf6; }
          .LTMenu { min-width: 200px; vertical-align: top; margin: 0; padding: 1rem 15px 0 0; }
            .appLeftMenu { width: 100%; }
        .appMain { margin-right: 15px; } /* also scrollable */
          .errOutput { padding: 0.5em; background-color: #FFF799; }
       /* .row is display: flex; flex-direction: row; */
         /* .col-lg-12 is full width */
           /* .appMainPanel { } */
             /* .appPanelTitle  { } */
             /* .mainPanelTop { } */
                .mainPanelMsg { position: sticky; top: 1rem; z-index: 10; }
                  .appMainMsg { font-size: 1.2em; margin: 1rem 1rem 2rem 1rem; }
                .mainPanelBottom { position: relative; padding-left: 5px; }
          #mcr-diag { margin: 10px 15px 0 15px; padding: 5px; max-width: 80%; text-align: left; white-space: pre-wrap; word-break: break-all; background-color: #FDFFDF; }
    .appBot { flex: 0 0 content; font-size: 12pt; font-weight: bold; color: #6588b2; text-align: center; }
      .appBotTable { width: auto; margin: 3px auto 3px auto; }
        .appPower { font-size: 10pt; font-weight: bold; color: #6588b2; }

.appSubheading  { font-size: 12pt; font-weight: bold; color: #6588b2; }

.appMain a:not(.btn), .appBot a:not(.btn) {
    transition: all .5s;
    font-weight: bold;
    color: #007bff;
}

.appMain a:not(.btn):hover, .appBot a:not(.btn):hover {
    color: #0016ff;
    transition: all .5s;
}

.appTableContext { font-weight: bold; }

#ui-datepicker-div.ui-datepicker { z-index: 999 !important; }
.pleaseLoginTable { margin-top: 2rem; }

.btn { cursor: pointer; text-decoration: none; }
.btn-icon { cursor: default !important; color: #ffffff; }
.btn-icon-x { cursor: pointer; color: #ffffff; }
.btn-xs { padding: 1px 3px 0 4px !important; line-height: 1; min-width: 1.75em; }
.link { color: #F8F8FF !important; font-weight: bold; }
.link:hover { color: inherit; } 
.bg-table-app { clear: both; background-color: #FFFFF6; }
.bg-inherit { background-color: inherit; }
.info { background-color: #17a2b8; border-color: #17a2b8; }
.warning { background-color: #ffc107; }
.danger { background-color: #dc3545; border-color: #dc3545; }
.primary { background-color: #007bff; border-color: #007bff; }
.white { color: WHITE !important; }
.grey { color: GREY !important; }
.black { color: BLACK !important; }
.solid { border-style: solid; }
.dashed { border-style: dashed; }
.btn-table { cursor: pointer; width: 1rem; height: 12px; }
.width-100 { width: 100% !important; }
.width-90 { width: 90% !important; }
.width-75 { width: 75% !important; }
.width-50 { width: 50% !important; }
.width-25 { width: 25% !important; }
.width-auto { width: auto !important; }
.main-links { border-bottom: 1px solid BLACK; }
.float-left { float: left; }
.float-right { float: right; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-left { text-align: left; }
.align-rightly { text-align: right; padding-right: 2rem !important; }
.align-leftly { text-align: left; padding-left: 2rem !important; }
.scrollable { overflow: auto !important; }
.scrollable-x { overflow-x: auto !important; }
.scrollable-y { overflow-y: auto !important; }
.table-center { margin-left: auto; margin-right: auto; }
.margin-align-left { margin-left: 0; margin-right: auto; }
.margin-align-center { margin-left: auto; margin-right: auto; }
.margin-align-right { margin-left: auto; margin-right: 0; }
.pagination { align-items: baseline; }
.form-group { align-items: baseline; }
.card-body { padding: 0; margin: 1.25rem; }
.div { display: block; }
.anchor-box {
  display: block;
  /* don't use sticky NAV on the page, so don't need these either...
  position: relative;
  z-index: -10;
  margin-top: -42px;
  height: 42px;
  visibility: hidden;
  pointer-events: none;
  */
}
.pointer { cursor: pointer; }
.c-progress { cursor: progress !important; }
.embedapp {
  position: relative;
}
.fileListTable th, .fileListTable td {
	padding: 2px 0.25rem;
}
.file-upload-zone {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	margin: 0;
	border: 2px dashed #007bff !important; 
	padding: 1rem;
	width: 100%; 
	min-height: 8rem;
	color: white;
	background-color: var(--warning);
	text-align: center;
	}
.file-drop-list {
	background-color: #FFF799;
	overflow-y: auto;
}
.file-drop-list > div {
	margin: 0.25em;
}
.fileNotFound {
	font-weight: bold;
	text-align: center;
	color: BROWN;
	background-color: BISQUE;
}

.bottom-rule { margin-bottom: 5px; border-bottom: 1px solid black; padding-bottom: 5px; }
.input-group-control { background-color: WHITE; }

.fs-1 { font-size: 0.5rem; }
.fs-2 { font-size: 0.75rem; }
.fs-3 { font-size: 1.0rem; }
.fs-4 { font-size: 1.25rem; }
.fs-5 { font-size: 1.5rem; }
.fs-6 { font-size: 2.0rem; }
.fs-7 { font-size: 2.5rem; }
.fs-8 { font-size: 3.0rem; }
.fs-9 { font-size: 4.0rem; }

.border-none { border: none !important; }
.border-0 { border: 0 solid #E3EBF6; }
.border-1 { border: 1px solid #E3EBF6; }
.border-2 { border: 2px solid #E3EBF6; }
.border-3 { border: 3px solid #E3EBF6; }

.padding-0 { padding: 0; }
.padding-1 { padding: 1px; }
.padding-2 { padding: 2px; }
.padding-3 { padding: 3px; }
.padding-4 { padding: 4px; }
.padding-5 { padding: 5px; }
.padding-10 { padding: 10px; }

.card { word-break: break-all; }
.card-shadow { box-shadow: 0 1px 3px 0 rgba(0,0,0,0.37); }
.cellpadding-0>*>tr>th, .cellpadding-0>*>tr>td,
.cellpadding-0>*>th, .cellpadding-0>*>td,
.cellpadding-0>th, .cellpadding-0>td
{ padding: 0; }
.cellpadding-1>*>tr>th, .cellpadding-1>*>tr>td,
.cellpadding-1>*>th, .cellpadding-1>*>td,
.cellpadding-1>th, .cellpadding-1>td
{ padding: 1px; }
.cellpadding-2>*>tr>th, .cellpadding-2>*>tr>td,
.cellpadding-2>*>th, .cellpadding-2>*>td,
.cellpadding-2>th, .cellpadding-2>td
{ padding: 2px; }
.cellpadding-3>*>tr>th, .cellpadding-3>*>tr>td,
.cellpadding-3>*>th, .cellpadding-3>*>td,
.cellpadding-3>th, .cellpadding-3>td
{ padding: 3px; }
.cellpadding-4>*>tr>th, .cellpadding-4>*>tr>td,
.cellpadding-4>*>th, .cellpadding-4>*>td,
.cellpadding-4>th, .cellpadding-4>td
{ padding: 4px; }
.cellpadding-5>*>tr>th, .cellpadding-5>*>tr>td,
.cellpadding-5>*>th, .cellpadding-5>*>td,
.cellpadding-5>th, .cellpadding-5>td
{ padding: 5px; }
.cellpadding-10>*>tr>th, .cellpadding-10>*>tr>td,
.cellpadding-10>*>th, .cellpadding-10>*>td,
.cellpadding-10>th, .cellpadding-10>td
{ padding: 10px; }
.table-border-0 { border-collapse: collapse; border: 0; }
.table-border-1 { border-width: thin; border-style: outset; }
.table-border-1>*>tr>th, .table-border-1>*>tr>td,
.table-border-1>*>th, .table-border-1>*>td,
.table-border-1>th, .table-border-1>td
{ border-width: thin; border-style: inset; }
.table-border-2 { border-width: medium; border-style: outset; }
.table-border-2>*>tr>th, .table-border-2>*>tr>td,
.table-border-2>*>th, .table-border-2>*>td,
.table-border-2>th, .table-border-2>td
{ border-width: thin; border-style: inset; }
.table-border-3 { border-width: thick; border-style: outset; }
.table-border-3>*>tr>th, .table-border-3>*>tr>td,
.table-border-3>*>th, .table-border-3>*>td,
.table-border-3>th, .table-border-3>td
{ border-width: thin; border-style: inset; }
.table-border-spacing-collapse { border-collapse: collapse; }
.table-border-spacing-0 { border-collapse: separate; border-spacing: 0; }
.table-border-spacing-1 { border-collapse: separate; border-spacing: 1px; }
.table-border-spacing-2 { border-collapse: separate; border-spacing: 2px; }
.table-border-spacing-3 { border-collapse: separate; border-spacing: 3px; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }
.nogutter { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
.nowrap { white-space: nowrap; }
.uline, .underline { text-decoration: underline; }
.bold { font-weight: bold; }
.normal {font-weight: normal; }
.italic { font-style: italic; }
.example { color: LightGray; }
.query-placeholder, .query-placeholder::placeholder { color: orange !important; font-style: italic !important; }
.hasRadio, .hasPinX { color: BLACK !important; }
.clean { margin: 0 0 0 0; }
.clear { clear: both; }
.hide { display: none; }
.inline { display: inline-block; }
.relative { position: relative; }
.flex-auto { flex: 1 1 content; height: 0; }
.flex-fill-left { flex-grow: 1000; text-align: right; }
.flex-fill-right { flex-grow: 1000; text-align: left; }
.flex-fill-center { flex-grow: 1000; text-align: center; }

.tabNavMarkCell { margin: 0px; padding-left: 5px; text-align: center; vertical-align: middle; }
.tabNavMarkIndentCell { margin: 0px; padding: 0px; border-right: 1px solid black; border-top: 1px solid black; }
.tabNavHierCell { margin: 0px; padding: 0px; }
.tabNavTable { margin: 0px; padding: 0px; border-spacing: 0px; }
.tabNavRow { margin: 0px; padding: 0px; }
.tabListTable { border-spacing: 0px; }
/* .tabListRow { } */
/* .tabListCell { } */

.filedirtype { color: GREEN; }
.filelisttype { color: #456D90; } 
.filelisttype-avi { color: #A0286E; } 
.filelisttype-wmf { color: #A0286E; } 
.filelisttype-bmp { color: #A0286E; } 
.filelisttype-ico { color: #A0286E; } 
.filelisttype-eps { color: #A0286E; } 
.filelisttype-jpg { color: #A0286E; } 
.filelisttype-jpeg { color: #A0286E; } 
.filelisttype-jif { color: #A0286E; }
.filelisttype-prn { color: #A0286E; } 
.filelisttype-svg { color: #A0286E; } 
.filelisttype-tif { color: #A0286E; } 
.filelisttype-tiff { color: #A0286E; } 
.filelisttype-ttf { color: #A0286E; } 
.filelisttype-pdf { color: #2D29D0; } 
.filelisttype-doc { color: #28A047; } 
.filelisttype-docx { color: #28A047; } 
.filelisttype-rtf { color: #28A047; } 
.filelisttype-odt { color: #28A047; } 
.filelisttype-xls { color: #28A047; } 
.filelisttype-xlsx { color: #28A047; } 
.filelisttype-csv { color: #6CA025; } 
.filelisttype-ps { color: #6CA025; } 
.filelisttype-tab { color: #6CA025; } 
.filelisttype-txt { color: #6CA025; } 
.filelisttype-zip { color: #6CA025; }
.rownum { text-align: center; } 
HTML { font-size: 14px; }
BODY { line-height: 1.0; margin: 0; }
A { text-decoration: none; }
A:hover { text-decoration: none; }
A:visited:hover { text-decoration: none; }
INPUT[type='file'] { background-color: #FFF799; }
INPUT[type='checkbox'],INPUT[type='radio'] { min-width: 1rem; }
TABLE { padding: 0; }
CAPTION { caption-side: top; font-weight: bold; text-align: center;}
TR, TH, TD { border: 0; }
TD { text-align: left; }
TH { text-align: center; }
HR { 
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 1);
}
SELECT[multiple] { resize: both; }
TEXTAREA  { resize: both; }
.mpsFileContentsTable TEXTAREA {font-family: monospace; }

table.tablesorter { font-size: inherit !important; }

table.tablesorter thead tr th, table.tablesorter tfoot tr th { font-size: inherit !important; }

.viewpwdiv { display: inline-block; position: relative; }
.viewpweye { height: 1px; margin: auto 0; position: absolute; bottom: 50%; right: 10px; cursor: pointer; } 

/********** Table App Query Panel specific ************/

.form-control { height: auto; }
.flex-narrow { flex: 0.05 1 content !important; }
.input-group-pad { background-color: WHITE; border: 1px solid BLACK; }
.brw-1 { border-right-width: 5px; }
.form-group.row { margin-bottom: .25rem !important; }

/******** Top nav specific ******************/                                                                                                                                                            

#NavMenuLeftButton, #NavMenuTopButton { display: none; }

.navMenuTop a:not(.btn) { font-weight: bold; color: WHITE !important; }

.navMenuTop:last-of-type ul:last-of-type li:last-of-type .dropdown-menu { right: 0; left: unset; }

.dropdown-menu a:not(.btn) { font-weight: bold; color: BLACK !important; }

.nav-link {
  outline: none;
}

/*** Ease in/out bg color change ***/                                                                                                                                                                     
.nav-link, .nav-link:hover {
  transition: all .2s;
}
.navbar-text { color: WHITE !important; }
.navbar-nav { flex-flow: row wrap; }
.navbar-dark .navbar-toggler-vicon {
  background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M15 7h2M15 15h2M15 23h2'/></svg>");
}
.navbar-toggler-vicon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}
.navbar-dark .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.4);
}
/******* End top nav specific *******************/ 

/******** Left nav specific ****************/
.LTdrop-icon {
	margin-left: 1rem;
  color: #ADADAD;
  font-size: 0.8rem;
}
.LTMenuBar a:not(.btn), .LTMenuBar span { font-weight: 600; padding-left: 1.8rem;}
.LTMenu ul { list-style: none; margin: 0; padding: 0; }
.LTgrp { display: flex; color: #474747; padding: 0.8rem; text-decoration: none; cursor: pointer; }
.LTgrpOpen, .LTgrpClosed { display: flex; justify-content: space-between; }
.LTtd  { line-height: 2.5rem; white-space: nowrap; }
.LTchildren { margin-left: 0.5rem; border-top: 1px solid #e3ebf6; border-bottom: 1px solid #e3ebf6; }
.LTchildren .LTtd a:not(.btn) { margin-left: 1rem; }
.LTth  { padding-top: 2px; font-size: 1.1rem; white-space: nowrap; }
.LTtd:hover, .LTgrp:hover { background-color: #DFDFDF; }
.LTtd a:not(.btn), .LTth a:not(.btn), .LTtd a:not(.btn):hover { color: #585858; }
.LTtd a:not(.btn):hover, .LTth a:not(.btn):hover {  text-decoration: none; }
.LTbdy { width: 100% !important; min-width: 15rem; }
.LTnochildren .LTtd a:not(.btn) { color: #585858 !important; }

.noflex { flex: 0 0 content !important; }
.smaller { font-size: 0.75em !important; }
label { margin-bottom: 0 !important; }
.bg-highlight { background-color: #FFF7CC !important; }

.exp-sea { margin-left: 0.5em; margin-right: -0.6em; font-size: 0.8em; color: LightGray; cursor: pointer; }

.pagination {
  overflow: auto;
  width: 100%;
}

.page-item {
  white-space: nowrap;
}
/************ End of left nav styling ************/

.ui-state-hover, .ui-state-focus { font-weight: normal; }

.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
} 

/********** Fancy Tables *************/
.fancy-table { 
  position: relative;
  margin-top: -1px;
  border: 1px solid black;
  border-top: 1px solid #6c757d; 
  border-bottom: 1px solid #6c757d; 
  border-collapse: collapse;
  padding: 1rem; 
}
.fancy-table table { 
	width: auto !important; 
}
.fancy-table-row {
  margin-left: -15px;
}
.fancy-table-btn {
  vertical-align: top;
}
.fancy-table-heading {
  display: inline-block;
   margin-right: 1rem !important;
  font-weight: bold;
}
.fancy-table-resizeable {
  overflow: auto;
  resize: both;
  min-width: 2rem;
  min-height: 2rem;
  width: auto;
}
.fancy-table-fixed {
  height: auto;
  min-width: 2rem;
  min-height: 2rem;
  width: auto;
}
.fancy-table-jscroll {
  min-width: 2rem;
  min-height: 2rem;
  width: auto;
}
.fancy-table-gototop {
  margin-top: 10px;
}
.fancy-table-gototop > a {
  float: right;
}

.fancy-table-signal {
  padding: 0 !important;
  line-height: 7px; 
  height: 7px; 
  font-size: 7px;
}

table.sticky-header > thead,
div.fancy-table table.jscroll-inner > thead { background-color: white; }
table.sticky-header > thead > tr > th, table.sticky-header > thead > tr > td,
div.fancy-table table.jscroll-inner > thead > tr > th,
div.fancy-table table.jscroll-inner > thead > tr > td { position: sticky; top: 0; background-color: white; z-index: 3; }
tr.fancy-footer th, tr.fancy-footer td { padding: 0.75rem; vertical-align: top; }

/************* Related tables ******************/
.display-table-outer-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-left: -15px;
	margin-right: -15px;
	min-width: 10rem;
}
.display-table-wrapper {
	width: auto;
}
.display-table-wrapper,
.related-table-wrapper {
	display: inline-block;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
}
.related-table { 
	margin-bottom: 10px; 
}
.related-new-cell { 
	display: inline-block;
	flex: 0 1 content;
	width: auto;
	min-width: 0;
	margin-left: 15px;
	margin-top: 15px;
}
.related-jumps-container {
  overflow: hidden;
  min-width: 10rem;
  flex: 0 2 content;
}
.related-jumps {
  display: flex;
  overflow: hidden;
  margin-top: 1rem;
  margin-left: -10px;
  padding-left: 5px;
  list-style: none;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}
.related-jump {
  flex: 0 1 content;
  position: relative;
  margin: 0 5px 0 5px;
  text-align: center;
}
.related-jump:before {
  position: absolute;
  left: -7.5px;
  content: '\2022 ';
}

/*********** Default Theme.css values *************/
.table-bordered td, .table-bordered thead, .table-bordered thead th{
        border: 1px solid #898989 !important;
        text-align: center;
}
/** Left nav link text **/

/** default color **/
.LTtd a:not(.btn) {
  color: #dbcbd8 !important;
}
/** color on mouse hover **/
.LTtd a:not(.btn):hover {
  color: #f2fdff;
}

.appMain a:not(.btn) {
  color: #C8464d;
}

.appMain a:not(.btn):hover {
  color: #d51f30 ;
}
/**************** End Color Theme ****************/