/* PRELOG.CSS */
/* For LIMSPrelog module only */

body { background: #BDBDBD; font-family: Tahoma, Sans-Serif; font-size: 11pt; }
h1 { padding: 0; margin: 0; color: #fff; font-size: 20pt; font-family: Tahoma, Sans-Serif;}
h2 { background: #001e32; color: #fff; padding: 0.5em; font-weight: bold; font-size: 14pt; margin: 0; font-family: Tahoma, Sans-Serif; }
h3 { padding: 0; margin: 0; color: #fff; font-size: 12pt; font-family: Tahoma, Sans-Serif; }
a { font-size: 9pt;} 
  
/* Prelog Field/Control Classes */
.plFrame { }
.plFieldPanel { margin-top: 1em; margin-bottom: 1em; padding: 0.5em; }
.plListPanel { margin-bottom: 1em; }
.plPanelHeader { background-color: #5E7B92; color: #fff; font-size: 13pt; padding: 0.40em 0.30em 0.40em 0.60em; margin: -0.5em -0.5em 0em -0.5em; font-weight: bold; }
.plField  { font-family: Tahoma, Sans-Serif; font-size: 10.5pt; background : #fff; text-align: left; }
.plLayout { font-size: 10.5pt; margin: 1em 0.5em 0em 0.5em; }      
.plLayout td { margin: 0; padding: 0em 0.25em 0em 0.25em; }
.plTableLayout { font-size: 10pt; margin: 0; }
.plTableLayout th { margin: 0; padding: 0.25em 0.5em 0.25em 0.5em; background: #5D789D; color: #fff; text-align: left; }       
.plTableLayout td:not(div) { text-align: left; padding: 0.125em; } 
.plTableLink { cursor: pointer; }
.plTabDivRight { float: right; padding: 11px 13px 0px 13px; border-bottom: 3px solid #032D4F; cursor: pointer;}
.plTabDivLeft { float: left; padding: 13px 13px 0px 11px; border-bottom: 3px solid #032D4F; cursor: pointer;}
.plTabDiv { padding: 11px 0px 0px 0px; border-bottom: 3px solid #032D4F; cursor: pointer; width: 100% }
.plTab td { background: #3A607F; color: #fff; margin: 0px 0px 0px 0px; padding: 6px 14px 6px 14px; border-width: 1px 1px 0px 1px; border-color: #1F517A; border-style: solid; }
.plTabLink { color: #FFF; font-size: 10pt; font-weight: bold; text-decoration: none; margin: 0; padding: 0;}
.plLoadImage { background-image: url("../Images/ajax-loader.gif"); height: 50px; width: 50px;}
.ui-datepicker-trigger { display: inline-block; }
.plTab .activetab { background: #032D4F; }

/* uncategorized classes */
.oddRow  { background: #D5E7FF; }
.evenRow { background: #F1F6FC; }      
.hhlght { background-color: #FFF0A7; }
.menuselected { background: #001e32; color: #fff; }
.prelogoverlay { position: absolute; width: 1000px; height: 100%; z-index: 998; background: transparent url("../Images/overlay-bg.gif"); }
.caselabel { font-size: 14pt; padding: 10px; }

/* defined CSS id styles for prelog */
#prelogPage { width: 100%; height: 100%; z-index: 3; }
#mainPanel { display: block; }      

#SearchPanel { width: 700px; margin: 10% 20% 0 10%; padding: 0.75em; position: absolute; display: block; border: 1px solid #5E7B92; }     
#LoadingPanel { width: 700px; margin: 22% 20% 0 10%; padding: 1em; position: absolute; border: 1px solid #5E7B92; background: #FFFFFF; text-align: center; font-size: 16pt; }       
#CaseEntriesPanel { margin-top: 1em; padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em; overflow: auto; display: none; width: 100%; }    

#PrelogLoginFrame { margin-top: 15%; width: 400px; }
#PrelogLoginBanner { width: 400px; padding: 0; margin: 0; }
#PrelogLoginWindow  { padding: 10px 10px 20px 10px; width: 400px; text-align: left; background: #E6E6E6; margin: 0; }
#PrelogLoginTextWindow { margin: 0em 0.5em 0em 0.5em; padding: 0em 0.5em 0em 0.5em; }
#PrelogMasterHeader { background: #001e32; height: 100px; font-family: Tahoma, Sans-Serif; }
  
/* UCMainMenu prelog control CSS classes */
.PrelogUCMainMenuItems { background-color: #DADADA; padding: 0; }
.PrelogUCMainMenuItems > a { font-size: 0; }
.prelogstaticmenu { background-color: #E6E6E6; }
.prelogstaticmenu a { display: block; margin: 0px; padding-left: 1em; padding: 3px 0px 3px 20px; }
.prelogstaticmenu table { padding: 0px; }
.prelogdynamicmenu { background-color: #E6E6E6; }
.prelogsidemenuheader { background-color: #001e32; font: bold 15px Tahoma; color: white; text-transform: uppercase; }
.prelogsectionheader { padding: 10px 0px 10px 10px; background-color: #5E7B92; font-size: 15px; font-weight: bold; color: #FFFFFF; margin: 0px; }
.prelogdbbox { width: 100%; padding: 10px; margin-bottom: 6px; background-color: #efeeeb; border: solid 1px #cfccbf; }
.prelogsubmenuitem { z-index: 1000; }

/* prelog HTML DBGRID classes */
.htmldbgrid { background: white; }
.htmldbgrid-th { background: #5D789D; color: White; font-size: 10pt; text-align: left; padding: 4px; }
.htmldbgrid-td { color: #5D789D; font-size: 10pt; padding: 4px; cursor: pointer; }
.htmldbgrid-tf { background: #284775; color: White; font-size: 10pt; }
.htmldbgrid-tf td { padding: 4px 0px 4px 4px;  }
.htmldbgrid-tf a { text-decoration: underline; cursor: pointer; padding: 6px 2px 8px 2px;}

#PrelogResetPWDWindow 
{
    padding: 0px 10px 20px 10px;
    width: 400px;
    text-align: left;
    background: #E6E6E6;
    margin: 0;
}
div.commonpopup { display:none; font-size:1.5em; border:2px solid DarkGray; padding:10px 10px; margin:0; background-color:LightGrey; width:350px; z-index:99999; text-align: center;}
div.commonpopup p { padding-bottom:10px; width:300px; margin:0 25px; margin-left:25px;}
div.commonpopup img { display: inline; }
div.commonpopup div#commonpopupdlg_btnrow { text-align:center;}
div.commonpopup input { width:50px; margin-left:10px; margin-right:10px;}

a, div, fieldset, td, th
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* Vertical Header */
.verticalContainer
{
    position: relative;
    height: 150px;
    width: 100px;
    padding: 6px;
}



.verticalText
{
    width: 140px;
    position: absolute;
    top: 64px;
    left: -54px;
    height: 20px;
    text-align: left;
    vertical-align: middle;
    -ms-transform: rotate(-90deg); /* IE9+ */
    transform: rotate(-90deg);
    /* IE
    writing-mode: tb-rl;
    filter: flipv fliph;*/
}

/* Center header override */
table.plcdbgrid th.centerHeader
{
    height: 40px;
    vertical-align: middle;
    text-align: center;
    white-space: pre-wrap;
}

/*Prelog Attribute*/
.hide
{
    display: none;
}

.attrib-row 
{
    margin: 5px 0 8px;
}

.attrib-row .attrlabel
{
    display: block;
    width:100%;
    margin-left:8px;
}

.attrib-row .attrflexbox  
{
    height: 22px; 
    display: inline-flex;
}

.attrib-row .attrmemo
{
    display:inline-flex;
}

.itemattr-popup .legend
{
    color:#000000; 
    font-size: 0.8em;
    margin-left: 1em;
}

.itemattr-popup .btnpanel
{
    margin: 1em auto;
    text-align: center;
}

.itemattr-popup .btnpanel input
{
    width: 5em;
}


#MFItemEntryList, #MFNameEntryList
{
    font-size: 9pt;
    margin-left:1em;
}

.in_table th 
{
    color: white;
    background-color: #5D789D;
    padding: 4px; 
}

.in_table td
{
    padding: 4px;
}



/* Scroll styles for names, items grids */
div.prelogtab div.prelogGrid {overflow:auto; height:360px; width:1000px; }

/* Style to fix header scroll position for names, items grids */
/* Use JS to compute qcGridHeader top. In IE11, CSS expressions no longer supported for the Internet zone */
div.prelogtab div.prelogGrid tr.prelogGridHeader {position:relative; /*top:expression(this.offsetParent.scrollTop);*/ z-index:998; color:White; background-color:rgb(93,123,157); font-size:12px;}
div.prelogtab div.prelogGrid tr.prelogGridHeader th {white-space:nowrap; text-align: left;}
div.prelogtab div.prelogGrid tr td {white-space:nowrap;}
div.prelogtab div.prelogGrid tr td > input[type='text'] + input[type='image'] {vertical-align:top;}
div.prelogtab div.prelogGrid table { border-collapse: collapse; }


/*ITEMS PAGE TABS*/

.tab_container{
  border: 1px solid;
  clear:both;
  background: #fff;
  padding: 4px;
}


ul.tabs{
  margin: 0;
  padding: 0;
  float: left;
  list-style:none;
  border-left: 1px solid #999;
  width:100%;
}

html ul.tabs li.active, html ul.tabs li.active a:hover{
  background: #fff;
  border-bottom : 1px solid #fff;
}


ul.tabs li{
  float:left;
  margin:0;
  padding:0;
  border: 1px solid #999;
  border-left: none;
  margin-bottom: -1px;
  overflow:hidden;
  position:relative;
  background: #e0e0e0;
}

ul.tabs li span, ul.tabs li a
{
	text-decoration: none;
	color: #000;
	display: block;
	padding: 5px 10px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	font-size: smaller;
	white-space: nowrap;
}

ul.tabs li a:hover
{
	background: #ccc;
}

.tab_content
{
	padding: 5px;
	/*Height is set for different resolutions in App_Themes*/
}



/* ----------------- Tiburon Remote Preview --------------------- */

.remotePreviewFieldSet { padding: 6px; font-size: 9pt; }
.remotePreviewFieldSet legend { color: blue; }
.remotePreviewTable { font-size: 9pt; }
.remotePreviewTable td b { color: #5D789D; }
.remotePreviewTable td { padding: 4px; }


div.ajax__calendar { box-sizing: content-box !important; }

div.itemstab .plcdbpanel p 
{
    display: none;
}

.dbgridblk.dbgridblk-full {
    width: 100%;
}