/*----------------------------------------------------------
360Facility CSS
----------------------------------------------------------*/
body
{
	background-color: #FFF;
	font: Normal 8pt ms sans serif, arial;
	padding: 0;
	color: #000;
}

form
{
    margin: 0;
    padding: 0;
}

.standard
{
	font: Normal 8pt ms sans serif, arial;
}

.standard select
{
	font: Normal 8pt ms sans serif, arial;
}

.standard_bold_color_header
{
    color: #003366;
    font-family: ms sans serif, arial;
    font-size: 8pt;
    font-weight: bold;
    text-transform: uppercase;
}

h4
{
	color: #003366;
	font-family: Arial;
	font-size: 11px;
	margin-bottom: 0;
}

.standard-blue
{
	font-weight: bold;
	color: #003366;
}

.grey {
    background-color: #d8d8d8;
}

a:link
{
	text-decoration: underline;
}
a:visited
{
	text-decoration: underline;
}
a:active
{
	text-decoration: underline;
}
a.disabled
{
    text-decoration: none;
    color: #000000;
    cursor: default;
}

#ApplicationWrapper
{
	width: 730px;
}

#SwagApplicationWrapper
{
    min-width: 730px;
}

#LogoWrapper
{
	float: left;
	width: 215px;
}

#TopRightMenuWrapper
{
	float: right;
	width: 510px;
	text-align: right;
	color: #000;
}

#SwagTopRightMenuWrapper
{
    float: left;
	width: 510px;
	text-align: right;
	color: #000;
}

#SwagTopRightMenuWrapper a
{
	font-size: 8pt;
	color: Black;
	text-decoration: none;
}

#SwagTopRightMenuWrapper a:hover
{
	color: black;
	text-decoration: underline;
}

#TopRightMenuWrapper a
{
	font-size: 8pt;
	color: Black;
	text-decoration: none;
}

#TopRightMenuWrapper a:hover
{
	color: black;
	text-decoration: underline;
}

hr
{
	border: 0;
	border-top: 1px solid Gray;
	height: 0;
	color: Gray; /* IE */
	background-color: Gray;
}

.underline
{
    text-decoration:underline
}

.SectionSeperator
{
	clear: both;
	display: block;
}

.ItemSeperator
{
	clear: both;
	display: block;
}

#ModuleWrapper
{
	width: 100%;
}

#FooterLogoWrapper
{
	float: left;
}

#FooterMenuWrapper
{
	float: right;
	text-align: right;
	width: 400px;
}

#FooterMenuWrapper a
{
	font-size: 8pt;
	color: Black;
	text-decoration: none;
}

#FooterMenuWrapper a:hover
{
	color: black;
	text-decoration: underline;
}

#FooterMenuWrapper #VersionAndCopyRightText
{
	margin-top: 5px;
	font-size: 0.9em;
}

#moduleMenu {
    display: flex;
    justify-content: space-between;
}

#UserLoggedInWrapper 
{
    align-self: flex-end;
    font-weight: bold;
    font-size: 0.9em;
    order: 10; /* Force left-justified */
}

#UserLoggedInWrapper #UserNameText
{
	color: Blue;
	font-weight: normal;
}

#UserLoggedInWrapper #UserLoggedInTime
{
	font-weight: normal;
}

.ViewHeaderText
{
	margin: 0;
	padding: 0;
	font-size: 9pt;
	font-weight: bold;
}


/* Table Classes ------------------------------------------------------------- */
/* options: standard-table, standard-table-grey, standard-table-grey-grid, standard-table-grey-with-lines */
/* ------------------------------------------------------------- */
.standard-table, .standard-table-grey, .standard-table-grey-with-lines, .standard-table-grey-grid, .standard-table-zebra, .standard-table-lines-new, .standard-table-new
{
	width: 100%;
	border: 0;
}

.standard-table-grey, .standard-table-grey-with-lines, .standard-table-grey-grid
{
	background-color: #d8d8d8;
}

.standard-table-grey-grid
{
	border-left: 1px solid #aaa;
    background-color: #d8d8d8;
	border-left: 1px solid #aaa;
}

.standard-table tr, .standard-table-grey tr, .standard-table-grey-with-lines tr
{
	height: 25px;
}

.standard-table-new tr
{
    height: 30px;
}


.standard-table th, .standard-table-grey th, .standard-table-grey-with-lines th, .standard-table-grey-grid th, .standard-table-zebra th, .standard-table-lines-new th, .standard-table-new
{
	font-weight: bold;
	text-align: left;
}

.standard-table-grey-grid th
{
	border-right: 1px solid #aaa;
	border-top: 1px solid #aaa;
	background-color: #fff;
}

.standard-table-grey-with-lines td, .standard-table-grey-grid td
{
	border-top: 1px solid #aaa;
	vertical-align: top;
}

.standard-table-grey-with-lines tr:last-child td
{
	border-bottom: 1px solid #aaa;
}

.standard-table-grey-grid th
{
	font-weight: bold;
	text-align: left;
	border-right: 1px solid #aaa;
	border-top: 1px solid #aaa;
	background-color: #fff;
}

.standard-table td, .standard-table-grey td
{
    vertical-align: top;
}

.standard-table-grey-grid td
{
	text-align: left;
	border-bottom: 1px solid #ccc;
}

.standard-table td, .standard-table-grey td
{
    vertical-align: top;
}


.standard-table-zebra, .standard-table-lines-new, .standard-table-new, .standard-table-hover
{
    table-layout:fixed;
    border-spacing: 0;
    border-collapse: collapse;
    padding: 3px;
    margin: 3px 0;
}


 .standard-table-zebra tr:nth-child(2n-1)
 {
     background-color:#cccccc;
 }
/*
.standard-table-zebra tr:nth-child(2n-1)
 {
     background-color:#cccccc;
 }
*/

  .standard-table-hover tr:hover:not(:first-child)
 {
     background-color:#cccccc;
 }

.standard-table-lines-new td
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #666666;
}

.standard-table-zebra td,
.standard-table-lines-new td,
.standard-table-zebra th,
.standard-table-lines-new th,
.standard-table-new td,
.standard-table-new th,
.standard-table-hover td,
.standard-table-hover th
{
    vertical-align:middle;
    word-wrap:break-word;
    padding: 2px 5px;
}

.standard-table-zebra tr, .standard-table-lines-new tr, .standard-table-new tr, .standard-table-hover tr
{
    height: 30px;
    text-align:left
}



table .Number
{
	text-align: right;
}

/* End Table Classes -------------------------------------------------------------*/

.standard-div-grey
{
	margin: 0;
	width: 100%;
	border: 0;
	background-color: #d8d8d8;
}

.content
{
	padding: 0px 2px 0px 2px;
}

input.disabled,
button.disabled, button:disabled
{
	text-transform: uppercase !important;
	font-size: 10px !important;
	font: Normal ms sans serif !important;
	background: #F5F5F5;
	height: 21px !important;
	color: #D1D1D1 !important;
	display: inline-block;
	padding: 0 5px 0 5px;
	cursor: auto !important
}

button, .standard-button
{
	text-transform: uppercase !important;
	font-size: 10px !important;
	font: Normal ms sans serif !important;
	background: #f6f6f6;
	cursor: pointer !important;
	height: 21px !important;
	color: #000066 !important;
	display: inline-block;
	padding: 0 5px 0 5px;
}

.Submit_Area
{
	font-size: 0.9em;
	margin: 20px 0px 20px 0px;
	width: 100%;
	text-align: right;
}

.ViewTitle
{
	background-color: #d8d8d8;
	padding: 2px 2px 2px 2px;
}

.standard-bottom-menu
{
	height: 30px;
	float: right;
	margin-top: 30px;
}

.standard-anchor
{
	cursor: pointer;
	text-decoration: underline;
	color: #000066;
}

/* FORM LAYOUT ELEMENTS
----------------------------------------------------------*/

#AdminListMenu
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#AdminListMenu li
{
	margin: 0;
	padding: 0;
}
#AdminListMenu ol
{
	margin: 0;
	padding-left: 20px;
}

.RequiredBox
{
	display: inline;
	position: relative;
}

.RequiredBox .box
{
	vertical-align: middle;
	width: 5px;
	height: 5px;
	background-color: Red;
	position: absolute;
	top: 40%;
	display: inline;
}

.RequiredBox .inlineBox
{
    vertical-align: middle;
    width: 5px;
    height: 5px;
    background-color: Red;
    position: relative;
    top: 40%;
    display: inline-block;
}

/* MISC
----------------------------------------------------------*/
.clear
{
    visibility: hidden;
	display: block;
	clear: both;
}
.bold {
    font-weight:bold;
}
.right {
    text-align:right;
}

.center {
    text-align:center;
}

.middle
{
    width: inherit;
    margin-left:auto;
    margin-right:auto;
}

.left {
    text-align:left;
}

.floatRight
{
    float: right;
}

.floatLeft
{
    float: left;
}

#menucontainer
{
	margin-top: 40px;
}

div#title
{
	display: block;
	float: left;
	text-align: left;
}

#logindisplay
{
	font-size: 1.1em;
	display: block;
	text-align: right;
	margin: 10px;
	color: White;
}

#logindisplay a:link
{
	color: white;
	text-decoration: underline;
}

#logindisplay a:visited
{
	color: white;
	text-decoration: underline;
}

#logindisplay a:hover
{
	color: white;
	text-decoration: none;
}

.no-margin-top
{
	margin-top:0 !important;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
	color: #ff0000;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors
{
	padding: 2px;
	font-weight: bold;
	color: #ff0000; /*border: 1px solid #ff0000;*/

}

.validation-summary-valid
{
	display: none;
}

.error-box
{
	font-weight: bold;
	color: #ff0000;
}
/* Styles for editor and display helpers
----------------------------------------------------------*/
.display, .display-bold, .display-label, .editor-label, .display-field, .editor-field, .editor-field-50px, .editor-field-60px, .editor-field-75px, .editor-field-100px, .editor-field-120px, .editor-field-125px, .editor-field-150px, .editor-field-175px, .editor-field-200px
{
	margin: 0.6em 0;
	text-align: left;
	float: left;
}

.display
{
	font-weight: normal;
}

.display-bold
{
	font-weight: bold;
}

.display-label
{
	width: 128px;
	font-weight: bold;
}

.display-field
{
	width: 235px;
}

.editor-field, .editor-field-50px, .editor-field-60px, .editor-field-75px, .editor-field-100px, .editor-field-120px, .editor-field-125px, .editor-field-150px, .editor-field-175px, .editor-field-200px
{
	width: 235px;
}

.editor-field-50px input
{
	width: 50px;
}

.editor-label
{
	width: 130px;
	font-weight: bold;
}
.editor-field select, .editor-field-50px select, .editor-field-60px select, .editor-field-75px select, .editor-field-100px select, .editor-field-120px select, .editor-field-125px select, .editor-field-150px select, .editor-field-175px select, .editor-field-200px select
{
	font: Normal 8pt ms sans serif, arial !important;
	width: 200px;
}

.editor-field-75px select
{
	width: 75px;
}

.datePicker
{
	font: Normal 8pt ms sans serif, arial !important;
	border: 1;
	width: 90%;
}
.text-box, .paginated-text-box
{
	font: Normal 8pt ms sans serif, arial !important;
	border: 1;
	width: 85%;
}

.paginated-text-box
{
	width: 25px;
}

.text-box.multi-line
{
	height: 6.5em;
}

.tri-state
{
	width: 6em;
}

.error, .error-with-background
{
	color: Red;
}

.error-with-background
{
    background-color: #ffeeee;
    outline: inset red 1.5px !important
}

input.error-with-background:focus
{
    outline: inset red 2.0px !important
}

.selector, .selector-label
{
	font: Normal 8pt ms sans serif, arial;
	width: 125px;
}

.selector
{
	height: 12px;
}

.selector-label
{
    display: inline-block;
	height: 18px;
}

.clear
{
	clear: both;
}

.loading
{
	width: 200px;
	height: 100px;
	display: none;
	background-image: url("loading.gif");
}

/* TAB MENU
----------------------------------------------------------*/

div.tab-container {
    box-sizing: border-box;
    font: bold 9pt Arial;
}

div.tab-container > a.tab {
    display: inline-block;
    padding: 6px 9px;
    color: #08088A;
    text-decoration: none;
    box-sizing: border-box;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    margin-right: 2px;
    margin-bottom: -1px; /* Move down 1px to overlap bottom border and underline */
}

div.tab-container > a.tab.active {
    background: #d8d8d8;
}


/* Inspection Module */
.inspection
{
	width: 100%;
	font: Normal 8pt ms sans serif, arial;
}

.inspection .label
{
	font-weight: bold;
}

.inspection .label, .field
{
	width: 15%;
	margin-right: 4px;
	float: left;
}

.inspection .field select
{
	font: Normal 8pt ms sans serif, arial !important;
	width: 100%;
}

.inspection .clear-score
{
	cursor: pointer;
}

.inpsection .comments
{
	float: left;
	width: 75%;
	height: 50px;
}

.inspection .comments textarea
{
	width: 75%;
	float: left;
}

#NavigationPane
{
	background-color: #fff;
}

#NavigationPane ul
{
	margin: 0;
	padding-left: 10px;
}

.Extend
{
	margin-top: 3px;
	color: #003366;
	border: 1px solid #d8d8d8;
	cursor: pointer;
	float: right;
	font-weight: bold;
}

.Extend:hover
{
	background-color: #d8d8d8;
}

.property-display
{
	width: 100%;
	background-color: #d8d8d8;
}

.property-display tr td
{
	text-align: left;
	width: 20%;
}

.property-display tr th
{
	text-align: left;
}

div.buffer {
    height:5px;
    width:100%;
}

table.fixed
{
    table-layout:fixed;
}

table.topalign td
{
    vertical-align:top
}

table.bottomalign td
{
    vertical-align:bottom
}


span.sdetail
{
    font-size:x-small;
}

.bold_color_header {
        font-family: arial;
        font-weight: bold;
        color: #036;
    }


/*Notification Styles--------------------------------------------*/

 .NotificationTable
{
    width:730px;
    table-layout:fixed;
    border-collapse:collapse;
}

.Notificationhr
{
    width:730px;

}


.notificationEditArea
{
     resize: none;
}

.notifTimePicker
{
    width:200px !important;
}

.SystemNotificationWrapper
{
    clear:both;
}

/* Styles for lefter
----------------------------------------------------------*/
.sidePanel
{
    display:inline-block;
    width:82%;
    padding-left:5px;

}

.lefter
{
    margin: 0px 0px 10px 0px;
    padding:0px;
    width:17%;
    background-color: #d8d8d8;
    display:inline-block;
    vertical-align:top;
    overflow:hidden;
    min-height:480px;
}

.lefter div
{
    vertical-align: top;
}

@media (max-width: 980px) {
    .sidePanel {
        display: block;
        width: 100%;
    }
    .lefter{
        display: block;
        height: 100%;
        width: 100%;
    }
}

@media (min-width: 981px) {
    .sidePanel {
        width: 76%;
        display: inline-block;
    }
    .lefter {
        display: inline-block;
        height: calc(100% - 265px);
        width: 20%;
    }
}

.leftOneCol
{
    margin:3px 3px 1px 3px;
    display:inline-block;
    width:100%;
    min-height: 25px;
}

.leftTwoCol
{
    margin:3px 3px 6px 3px;
    float: left;
    width:48%;
    min-height: 20px;
}

.leftLabel
{
    font-weight:bold;
    width:39%;
    display:inline-block;
}

.tree
{
    width:54%;
    min-height: 12px;
    display:inline-block;
    word-wrap:break-word;
    margin-right:5%;
}

.lightGreyTable
{
    background-color: #d8d8d8;
}


 /******UNSORTED CSS*********/
.overflowing
{
    overflow:hidden;
    text-overflow: ellipsis;
}

table.overflowing-hidden td
{
    overflow:hidden;
    text-overflow: ellipsis;
}

table.overflowing-wrap
{
    table-layout:fixed
}

table.overflowing-wrap td
{
    word-wrap: break-word
}

input[type=text]:focus, input[type=checkbox]:focus, input[type=password]:focus, textarea:focus, select:focus
{
    outline: solid #0060A1 1px;
}

.highlight
{
    outline: solid #0060A1 1px;
}

input[type=checkbox]
{
    margin:auto;
}

.hoverTime:hover
{
    background-color:#CCCCCC;
}

.ui-dialog {
    z-index: 5000;
}

.nowrap-text {
	white-space: nowrap;
}

@media print {

    .aur-split-layout{
        margin-top:unset !important;

    }

    #ModuleWrapper > div:nth-child(2) {
        display: none;
    }


    .aur-split-layout-left {
        margin-top:unset;
    }
    .aur-application-footer, .aur-split-layout-left, .dev, .aur-scrollbar,footer {
        display: none;
    }
    body{ display: table; }

    .aur-application-header {
        position: relative !important;
    }
    .navigation-page-content{
        overflow: hidden
    }
}

.selector-container-side {
    height: 100%;
    display: inline-flex;
    overflow: hidden;
    width: 100%;
}
.selector-container-side > #SearchResults {
		overflow: auto;
		flex-grow: 1;
}

.selector-container-side > #SearchFilter {
		background-color: #d8d8d8;
		padding-top: 16px;
		padding-left: 12px;
		padding-right: 8px;
		overflow-y: auto;
		text-align: right;
		min-width: 168px;
}

.selector-container-side > #SearchFilter .label {
		font-family: "Segoe UI";
		font-size: 12px;
		letter-spacing: 0;
		line-height: 16px;
		text-align: left;
		width: 148px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;		
}

.selector-container-side > #SearchFilter .control {
	font-family: "Segoe UI";
	font-size: 12px;
	width: 148px;
	margin-bottom: 8px;
}

.selector-container-side > #SearchFilter input[type="text"],
.selector-container-side > #SearchFilter select {
	width: 100%;
	font-size: 12px;
	font-family: "Segoe UI";
	margin: unset;
	padding: unset;
	border-width: 1px;
}
.search-result-table {
	width:100%;
	padding-top: 10px;
}
.search-result-table td,
.search-result-table th{
	white-space: nowrap;
	padding-left: 10px;
	padding-bottom: 12px;
	font-family: "Segoe UI";
	font-size: 12px;

	max-width: 150px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.search-result-table th{
	text-align: left;
	color: #333333;
}