* {
    padding: 0px;
    margin:  0px;
}

body {
	font-family: Verdana,Arial,sans-serif;
	font-size: 13px;						/* This sets the base 1.0em size for all body elements */
}

/*
 * Overrides jquery ui ui-widget which is normaly font-size: 1.1em. Font-size
 * will be adjusted in specific elements (e.g. ui-widget-header) as required
 */ 
.ui-widget {
	font-size: 1.0em;	
}

.ui-widget-header  {
	font-size: 1.1em;	
}

/* Override the default behavior of textarea (e.g. monospaced font) */
textarea {
	font-size: inherit;
	font-family: inherit;	
}


#headerContainer {
	display: flex;
	justify-content: space-between;
	
	padding-left: 1rem;
	padding-right: 1rem;
	
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	background-color: #74bad8; /*#eaeefa;*/
	color: #02178e;
	
    height: 40px;
	width: 98.5%;
	
	position:fixed;
	top:0;
    z-index: 1;
}

#bodyContainer {
	margin-top: 40px;
}

#headerBrand {
	display: flex;
}

#headerImg {
	margin-right: 1rem;
}

#headerTitleContainer {
    margin-top: auto;
    margin-bottom: auto;
}
#headerTitle {
}

#headerSubTitle {
}

#headerServer {
    font-size: 10px;
    color: #666;
}

#headerNav {
	margin-top: auto;
	margin-bottom: auto;
}

#headerNav .nuiToolBarLink {
	color: #02178e;
	/*border: 2px solid #74bad8;*/
}


/** NAV CONTROLS **/
.navLink {
	cursor: pointer;
    font-weight: bold;
    padding: 3px;
    color: blue;
}

.navLink:visited {
    color: blue;
}

.navLink:hover {
    background-color: #CFD9F3; /*#B9C7EE; DARKER*/  
} 

/*** nuiToolBar ***/
/* Removed a from all of these links so it will also style divs of class iconBarLink */

.nuiToolBarInline {
    display: inline;
} 

.nuiToolBarLink {
    border: 2px solid #ddd;
    border-radius: 5px;
	
	cursor: pointer;
    font-weight: bold;
    color: #444;
    text-decoration: none;
}

div.nuiToolBarLink {
	display: inline;
	padding-right: 4px;
}

.nuiToolBarLinkSelected {
    border: 2px solid #aaa;
}

.nuiToolBarLink:hover {
    border: 2px solid #888;
}

.nuiToolBarLink:visited {
    color: #444;
}

.nuiToolBarLink.mousedown {
    border: 2px solid orange;    
}

.nuiToolBarLink img {
    padding: 2px;
    vertical-align: middle; /* Ensures that text is aligned with image */
}

.nuiToolBarLink span {
    padding-left: 2px;
}

.nuiToolBarDropdown {
	margin-left:  5px;
	margin-right:  5px;
}

.nuiToolBar a, .nuiToolBar div {
	display:  inline-block;		/* forces outline to appear outside of anchor or div */
	margin-bottom: 1px;			/* If buttons are forced to display vertically, prevents outlines from overlapping */
}

.nuiToolBarXLarge .nuiToolBarLink img {
    height: 50px;
    width:  50px;
}

.nuiToolBarLarge .nuiToolBarLink img {
    height: 32px;
    width:  32px;
}

.nuiToolBarSmall .nuiToolBarLink img {
    height: 18px; /*24px;*/
    width:  18px; /*24px;*/
}

.nuiToolBarTiny .nuiToolBarLink img {
    height: 16px;
    width:  16px;
}

.nuiToolBarXTiny .nuiToolBarLink img {
    height: 12px;
    width:  12px;
}



.nuiToolBarXLarge {
    font-size: 40px;    
}

.nuiToolBarLarge {
    font-size: 14px;    
    padding-top: 2px;    
}

.nuiToolBarSmall {
    font-size: 12px;
    padding-top: 2px;    
}

.nuiToolBarTiny {
    font-size: 10px;
    padding-top: 2px;    
}

.nuiToolBarXTiny {
    font-size: 8px;
    padding-top: 2px;
}

.nuiToolBarText {
    margin-right: 2px; 
}
/*******************************/

#bodyContainer {
    padding:  15px;
	padding-bottom: 0px;
}

.nuiTable th, .nuiTable td {
    text-align: left;
    /*padding-right: 20px;*/
}

.nuiTableWrapper {
    margin: 10px 0px; 
    padding: 0px 5px;
    /*border: 2px solid #ddd;
    background-color: #ddd;
    border-radius: 5px; 
    box-shadow: 2px 2px 5px 5px #888888;*/
}

.nuiTable>tbody>tr,.nuiTable>thead>tr,.nuiTable>tfoot>tr {
    font-size: 1.1em;
}

.nuiTable>tbody>tr[grayed]>td {
    background-color: gray !important;
}

.nuiTableHover>tbody>tr:not([grayed]):hover>td {
	background-color: rgba(116, 186, 216, 0.4) !important; /* OLD #acdd4a */
}

/* NUI FIELD TABLE */
.nuiFieldTable {
    width:  100%;
    text-align: left;
    padding-right: 20px;
    font-size: 1.1em;
}

.nuiFieldTable td {
	padding: 4px;
    vertical-align: top;
}

td.nuiFieldTableFirstCol {
    font-weight: bold;
    width: 40%;
}

.nuiFieldTableWrapper {
    margin-bottom: 20px; 
    padding: 0px 5px;
    /*border: 1px solid #888;*/
    min-width: 400px;
}

.nuiFieldTableTitle {
    padding: 5px;
}

/* NUI FIELD TABLE COMPACT*/
.nuiFieldTableContainerCompact td.nuiFieldTableFirstCol {
    /*width: 100px;*/
}

.nuiFieldTableContainerCompact .nuiFieldTable {
    font-size: 1.0em;
    padding-right: 5px;
    /*width: 100%;*/
}

.nuiFieldTableContainerCompact .nuiFieldTableWrapper {
    margin-bottom: 10px; 
    padding: 0px 5px;
    /*border: 1px solid #888;*/
    min-width: 200px;
    width: 100%;
}

.nuiSmallFieldTable
{
	text-align: left;
    padding-right: 20px;
	font-size: smaller;
}

.nuiSmallFieldTable td 
{
	padding: 4px;
    vertical-align: top;
}

td.nuiSmallFieldTableFirstCol
{
	width: 10em;
	font-weight: bold;
}

.nuiSmallFieldTableWrapper
{
    padding: 0px 5px;
    min-width: 400px;
	border: 1px solid #a6c9e2;
	border-radius: 5px;
	background-color: white;
}

.nuiFieldTableTicketWrapper
{
	border: none;
	box-shadow: 1px 1px 3px 1px lightgrey, 0px 0px 3px 0px lightgray;
}

/*  --- */ 
.nuiErrorBlock {
    font-weight: bold;
    border: 2px solid red;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    width:  600px;
}

.nuiOutputBlock {
    border: 1px solid black;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.nuiSmallTableWrapper div.inner{
    /*border:  1px solid black;*/
    padding: 5px;
    display: inline-block;  
    max-height: 120px;
    overflow-y: auto;
    overflow-x: hidden;
    /* margin-right: 15px;     leave room for scrollbar */
}

.nuiSmallTableWrapper tr.odd {
    background-color: #eee;
}

.nuiSmallTableWrapper td {
    padding-right: 10px;
    min-width: 50px;
}

.nuiInnerTable td, .nuiInnerTable th
{
	padding: 4px;
	border-collapse:collapse;
	border: 1px solid #ffffff;
}
.nuiInnerTable th
{
	font-size: 8pt;	
	background-color: #e6EEEE;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;	
	
}

.nuiInnerTable tbody td 
{
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

.nuiInnerTable tbody tr:first-child
{
	border-left: 1px solid #ffffff;
}

.nuiInnerTable tr.even td
{
	background-color:#F0F0F6;
}

.nuiInnerTable tr.odd td
{
	background-color:#ffffff;
}

/* NUI WIDGET */
.nuiWidgetTitle {
    padding: 5px;    
}

.nuiWidgetWrapper {
    margin-bottom: 20px; 
}

/* FILTERS */
.nuiFilter {
    padding: 5px;
    margin-top: 5px;
	display: flex;
	justify-content: space-between;
	line-height: 20px
}

.nuiFilterInput {
	font-weight: bold;
}

.nuiFilterCounter {
	font-size:75%;
}

/* Additional styles for Tabs (works with CbaTabs.php) */
/* Default positioning and size of icons */
/* With self updater on icon, img will be in a div and some rules from icon are moved to div */
.ui-tabs-nav li a img { vertical-align: middle; height: 32px; width: 32px; }
.ui-tabs-nav li a>img, .ui-tabs-nav li a>div { margin-left: -10px; margin-right: 5px; }
/*.ui-tabs-nav li a>div { margin-left: -10px; margin-right: 5px; }*/

/* JQUERY UI TABS VERTICAL OPTION - css needs to target >ul and >div (direct children) so that other embedded tabs do not pick up styles */
.ui-tabs-vertical { width: 100%; min-width: 870px; min-height: calc(100vh - 68px); }/*min-width: 820px;*/
.ui-tabs-vertical > .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 18%; min-width: 150px; background-image: none; border-right: 4px solid #acdd4a ;}
.ui-tabs-vertical > .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical > .ui-tabs-nav li a { display:block; width: 90%; overflow: hidden; font-weight: bold; font-size: 1.1em; }
.ui-tabs-vertical > .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical > .ui-tabs-panel { padding: .2em .2em .2em .1em; float: right; width: 80% ; min-width: 600px;}

/* make vertical tabs fixed and scrollable */
.ui-tabs-vertical > .ui-tabs-nav, .ui-tabs-min-left > .ui-tabs-nav { 
	position: fixed;
	top: 62px;
    overflow-y: auto;
    overflow-x: hidden;
	height: calc(100% - 85px);
}

/* make icon size different for vertical tab */
.ui-tabs-vertical > .ui-tabs-nav li a img { height: 45px; width: 45px; }
/* Make the background of vertical tab content area white in case it overlaps the background image */
.ui-tabs-vertical > .ui-tabs-panel { background-color: white; }

/* MINIMIZE VERTICAL TABS (TOP) (show small icon only and convert to horizontal tabs) */
.ui-tabs-min > .ui-tabs-nav { background-image: none; display: inline-block;}
.ui-tabs-min > .ui-tabs-nav > li a>span {display: none; }
.ui-tabs-min > .ui-tabs-nav li.ui-tabs-active a>span {display: inline; font-size: 1.1em; margin-left: 15px}
/* With self updater on icon, img will be in a div and some rules from icon are moved to div */
.ui-tabs-min > .ui-tabs-nav li a img { vertical-align: middle; height: 32px; width: 32px; }
.ui-tabs-min > .ui-tabs-nav li a>img, .ui-tabs-min > .ui-tabs-nav li a>div { margin-left: -10px; margin-right: -10px; }
/*.ui-tabs-min > .ui-tabs-nav li a>div { margin-left: -10px; margin-right: -10px; }*/

/* MINIMIZE VERTICAL TABS (LEFT) (show small icon only) */
.ui-tabs-min-left { width: 100%; min-width: 870px; min-height: calc(100vh - 68px);}/*min-width: 820px;*/
.ui-tabs-min-left > .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 50px; background-image: none; border-right: 4px solid #acdd4a ;}
.ui-tabs-min-left > .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-min-left > .ui-tabs-nav li a { display:block; width: 90%; overflow: hidden;}
.ui-tabs-min-left > .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-min-left > .ui-tabs-panel { padding: .2em .2em .2em .1em; float: right; width: calc(100% - 70px) ; min-width: 600px;}

.ui-tabs-min-left > .ui-tabs-nav { background-image: none; display: block;}
.ui-tabs-min-left > .ui-tabs-nav > li a>span {display: none; }
/* With self updater on icon, img will be in a div and some rules from icon are moved to div */
.ui-tabs-min-left > .ui-tabs-nav li a img { vertical-align: middle; height: 24px; width: 24px; }
.ui-tabs-min-left > .ui-tabs-nav li a>img, .ui-tabs-min-left > .ui-tabs-nav li a>div { margin-left: -10px; margin-right: -10px; }

.ui-tabs-nav li .ui-icon-close {
    float: left; margin: 0.4em 0.2em 0 0; cursor: pointer;
}

/*.ui-tabs-min > .ui-tabs-nav li a>div { margin-left: -10px; margin-right: -10px; }*/

/* POPUP and MESSAGE BOX */
div.ui-dialog {
    box-shadow: 2px 2px 5px 5px #888888;
}
.ui-dialog-title {
    margin-right: 1em;
}

/* MAP POPUP */
.nuiMapPopupMenu {
    position: absolute;
    display: none;
    z-index: 9999;
    background-color: white;
    padding: 5px;
    border: 2px blue;
    margin: 5px;
    max-width: 150px;
    /*height: 100px;*/
    overflow: auto;        
}

.nuiMapPopupMenu a {
    font-size: 0.8em;
}


/* STYLES FOR CBADUALCOLUMN */
.nuiDualColumn {
    width: 100%;
    margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.nuiDualColumnLeft {
    width: 48.5%;
}

.nuiDualColumnRight {
    width: 48.5%;
}

/* STYLES FOR CBASPLITTER Note... these styles work with forked version of splitter */
.nuiSplitter .splitter-pane {
	overflow: auto;
}

.nuiSplitter .splitter-bar-vertical {
	width: 5px;
	background: #ccc;
	margin-left:  5px;
}	

.nuiSplitter .splitter-bar-horizontal {
	width: 5px;
	background: #ccc;
	margin-top:  5px;
}	

.nuiSplitterRight {
	margin-left: 15px;
}

/* View name for show_view_name developer option */
.nuiViewName {
	background-color: orange;
	font-size: 0.7em;
	display:  inline-block;
}

/* GET RID OF NAVIGATION ELEMENTS FOR PRINTING */
@media print {
    #headerContainer, .ui-tabs-nav, .nuiToolBar {
        display: none;
    }
    .ui-tabs-vertical {
        background-size: 0%;
    }
    .ui-tabs-vertical > .ui-tabs-panel {
        width: 98% ;
    }
	#bodyContainer {
		margin-top: 0px;
	}

	.hideOnPrint {
		display:none;
	}

	/* hide tab border */
	.ui-tabs.ui-widget-content {
		border: none;
	}

	.nuiFilter {
		display:none;
	}

    @page  {
        margin: .3in;
    }
}

.nuiBasicSection {
	border-radius: 5px;
	border: 1px solid gray;
	margin: auto;
	overflow:hidden;
}
.nuiBasicSectionTitle {
	background-color: #eef;
	border-bottom: 1px solid gray;
	padding: 3px
}
.nuiBasicSectionContent {
	margin: 3px;
}

/* NOT USED 
.nuiPointerOnHover:hover {
	cursor:pointer;
}
*/

/** Record History **/
.nuiRecordHistoryFieldTable
{
	/*
	width:  100%;
	white-space: pre-wrap;
	table-layout: fixed;
    */
	text-align: left;
    padding-right: 20px;	
}

.nuiRecordHistoryFieldTableFirstCol
{
	width: 10em;
	font-weight: bold;
	font-size: .8em;
}

.nuiRecordHistoryFieldTableWrapper
{
    padding: 0px 5px;
    min-width: 400px;
	border: 1px solid #a6c9e2;
	border-radius: 5px;
}

td.nuiNewContent
{
	/*background-color:  yellow !important;*/
	border: 2px solid orange;
}

tr.nuiNewContent td
{
	border-top: 2px solid orange;
	border-bottom: 2px solid orange;
}

tr.nuiNewContent td:first-child
{
	border-left: 2px solid orange;
}

tr.nuiNewContent td:last-child
{
	border-right: 2px solid orange;
}

/**
 * Default styles used for total rows by CbaReport.
 * Must include "table.nuiTable > tbody >" so that it will not be overridden by nuiTable styles
 */ 
.nuiTable > tbody > tr.nuiRptRowTotal
{
	font-weight: bold;
}

.nuiTable > tbody > tr.nuiRptRowTotal > td
{
	border-top: 1px solid gray;
	border-bottom: 2px solid black;
	padding-bottom: 10px;
}

.nuiTable > tbody > tr.nuiRptRowTotal1 > td
{
	background-color: lightcyan !important;
}

.nuiTable > tbody > tr.nuiRptRowTotal2 > td
{
	font-size: 110%;
	background-color: lightblue !important;
}

.nuiTable > tbody > tr.nuiRptRowTotal3 > td
{
	font-size: 125%;
	background-color: #80FF80 !important;
}

.nuiTable > tbody > tr.nuiRptRowTotal4 > td
{
	font-size: 140%;
	background-color: yellow !important;

}

.nuiTable > tbody > tr.nuiRptRowAlert > td
{
	background-color: #FF9999 !important;

}
.nuiTable > tbody > tr.nuiRptRowWarning > td
{
	background-color: #ffbb66 !important;

}

span.nuiInspPrioBullets {
    padding-left: 5px;
    padding-right: 5px;
}

.nuiFormRow blockquote {
	text-indent: 3em;
}


/****** NOTE STYLES ****/
.nuiNote {
	margin-bottom: .5em;
	border-radius: 3px;
	padding: 2px;
	background-color: rgba(255,255,255,.8);
	box-shadow: 1px 1px 3px 1px lightgrey, 0px 0px 3px 0px lightgray
}

.nuiNoteHeader {
	margin-bottom: .3em;
	padding: 1px 1px;
	border-radius: 2px;
	color: gray;
	font-size: .85em;
	font-weight: bold;
	background-color: rgba(155, 155, 155, 0.3);
}

.nuiNoteRow {
	display: flex;
	justify-content: space-between;

}

/* add top border on subsequent notes */
.nuiNoteRow + .nuiNoteRow {
	border-top: 1px solid #ddd;
}

.nuiNoteContent {
	margin: 0em .5em .1em .5em;
    word-break: break-word;
}

.nuiNoteTime {
	font-size: .9em;
	min-width: 9.5em;
}

.nuiForm .nuiNoteTime {
	min-width: 11.5em;
}

fieldset .nuiNoteHeader {
	background-color: rgba(125, 155, 203, 0.4);
	color: #777;
}

/***** ASM STYLES ****
.asmAssetListItem
.asmListItemDesc
.asmAssetListItemError
.asmListItemComment
.asmListItemCodes
.asmListItemCode
*/

.asmAssetListItemError {
	color: red;
	font-weight: bold;
}

#alertsParent {
    background-color: white;
    border-radius: 5px;
    border: 3px solid #74bad8;
    padding: 5px;

    display: none;


    min-width: 100px;
    min-height: 100px;
}

#alertsParent ul {
    list-style: none;
}

#alertsParent ul li{
    border: 1px solid;
}

.nuiToolBarAuto img {
    height: 16px;
}