/*AFMS Style Sheet */
.olControlAttribution {
  top: 0px;
}
/*  ----- Generic Style -----
 * This section of the styles for the generic elements that should be found on most, if not all
 * of the pages on the site. */
body {
	font-family: Arial, Tahoma, Verdana, Helvetica;
	color: #000;
	text-align: left;
	font-style: normal;
}

body.wait, body.wait *{
    cursor: wait !important;
}

/* h1 has been created in the expectation that the h1 tag will be used as the header for the pages */
h1 {
	color: #fff;
	font-size: 35px;
}

/* h3 has been created in the expectation that the h3 tag will be used as the header for the filters */
h3 {
	width: 99%;
	border: 1px solid #2694E8;
	background: #3BAAE3 url(images/ui-bg_glass_50_3baae3_1x400.png) 50% 50% repeat-x;
	color: white;
	height: 20px;
	font-size: 13px;
	margin: 0;
	padding-top: 0.5em;
	font-weight: normal;
}

h3 span {
	background-image: url(images/ui-icons_ffffff_256x240.png);
	background-position: -64px -16px;
	width: 16px;
	height: 16px;
}

div {
	padding: 0;
	margin: 0;
}

input[type=text], input[type=password], input[type=time], select, textarea, input[type=number] {
	border: 1px solid #AED0EA;
	border-style: solid;
	border-width: 1pt;
	border-color: #AED0EA;
	min-height: 19px;
	font-size: 10pt;
	color: #000;
	background: #ffffe0; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffe0 40%, #fcfcfc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#ffffe0), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffe0 40%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffe0 40%,#fcfcfc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffe0 40%,#fcfcfc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffe0 40%,#fcfcfc 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffe0', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
} 

input[type=password]:focus, input[type=text]:focus, textarea:focus, input[type=time]:focus, input[type=number]:focus {
border-color: #66AFE9;
   -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}

textarea {
	resize: none;
	font-family: Arial, Tahoma, Verdana, Helvetica;
	font-size: 10pt;
}

textarea[disabled="disabled"], input[type=text][disabled="disabled"], input[type=password][disabled="disabled"], input[type=time][disabled="disabled"], select[disabled="disabled"], input[type=number][disabled="disabled"] {
	background-color: #f5f5f5 !important;
	background: #f5f5f5 !important;
}

input[type=text][disabled="newDisabled"]{
	border: none;
	background-color: transparent !important;
	background: transparent !important;
}

input[type=text][required],textarea[required],select[required],div[required],button[required]{
	border-color: #FB0000 !important;
}

/* ----- Equipment and Fault Table Styles -----
 * There are a number of tables used to display equipment, faults, work orders, etc. To keep
 * continuity throughout the site they should be styles here instead of in the jQuery. These
 * tables should have the class 'list' associated with them as they are listing information.
 */
.list table {
	margin: 0;
}

.list tr, .list td, .list th {
	vertical-align: middle;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	height: 26px;
}

.list td {
	word-wrap: break-word;
}

.list tr:hover {
	cursor: pointer;
}

.list tr:nth-child(even) {
	background-color: #e0f2f7;
}

.list tr:nth-child(odd) {
	background-color: transparent;
}

.list a {
	color: inherit;
	text-decoration: inherit;
	border:none;
}

.list a:hover {
	cursor: pointer;
}

.selected {
	background-color: #ffffe0;
}

.list_log tr, .list_log td, .list_log th {
	vertical-align: top;
	word-wrap: break-word;
	height: 26px;
}

.list_log tr:nth-child(even) {
	background-color: #e0f2f7;
}

.list_log tr:nth-child(odd) {
	background-color: transparent;
}

/* ----- Filter Styles -----
 * This section of the style sheet holds the styles that are used to style all the filters on
 * the site. The only request in the HTML is that the DIV's holding the filter has the class
 * name "filter".
 */
.filter {
	margin: 0;
	padding: 0;
	overflow: auto;
	border: 1px solid #AED0EA;
	height: 100%;
	width: 99%;
}

.filter table {
	margin: 3px;
	margin-top: 0px;
}

.filter table tr {
	background-color: transparent;
	font-size: 12px;
	vertical-align: middle;
	white-space: nowrap;
}

.filter table tr:hover {
	cursor: pointer;
}

.filter table tr input[type="checkbox"]:checked {
    background: url('../images/Very-Basic-Checkmark-icon.png') no-repeat center center;
	background-size: 100%;
}

.filter table tr input[type="checkbox"] {
	margin-left: 0px;
	position: relative;
    width: 13px;
    height: 13px;
    border: 1px solid #111;
    background: #ffffff;
    -webkit-appearance: none;
    appearance: none;
}

.filter table tr td {
	padding-left: 2px;
}

.tree-filter {
	margin: 0;
	padding: 0;
	overflow: auto;
	border: 1px solid #AED0EA;
	height: 100%;
	width: 99%;
}

/* ----- Navigation Links -----
 * This section of the style sheet holds the styles that can be used to create the navigation
 * bar on the site. The styles will work if the navigation bar is a div that has an ID of
 * "nav" or something similar.
 */

#nav {
	background-color: #192666;
	color: #fff;
	font-size: 10pt;
	text-align: right;
	padding-top: 0.3em;
	padding-left: 1em;
	padding-right: 0.1em;
	padding-bottom: 0.3em;
}

#nav a, #nav a:visited {
	color: #fff;
	text-decoration: none;
}

#nav a:hover, #nav a:focus, #nav a:active {
	color: #ff0;
	text-decoration: underline;
}

#nav p {
	margin: 0;
	padding: 0;
}

/* ----- Breadcrumb Trail -----
 * The breadcrumb trail just requires the class "breadcrumb" to be utilised. This class should
 * be specified in the paragraph tag that is being used to hold the trail.
 */

.breadcrumb {
	font-family: arial;
	font-size: 13px;
	font-weight:bold;
	padding: 0;
	margin: 0;
}

.breadcrumb a, .breadcrumb a:visited {
	color: blue;
	text-decoration: none;
}

.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus {
	text-decoration: underline;
}

/* ----- Button Style -----
 * The button is heavily used throughout the site. Having a consistent style can now be
 * provided for both the button tag and the input that is of type button.
 */
button, input[type=button], input[type=submit], input[type=reset] {
	padding: 4em 1em;
	border: 1px solid #aed0ea;
	background: #D7EBF9 url(images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x;
	background-color: none;
	color: #2779aa;
	display: inline-block;
	position: relative;
	padding: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-right: .1em;
	text-decoration: none !important;
	cursor: pointer;
	text-align: center;
	zoom: 1;
	overflow: visible;
	white-space: normal;
	font-size: 10pt;
}

button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type=submit]:hover, input[type=submit]:focus, input[type=reset]:hover, input[type=reset]:focus {
	border: 1px solid #74b2e2;
	background: #e4f1fb url(images/ui-bg_glass_100_e4f1fb_1x400.png) 50% 50% repeat-x;
	color: #0070a3;
}

button:active, input[type=button]:active, input[type=submit]:active, input[type=reset]:active {
	border: 1px solid #2694e8;
	background: #3baae3 url(images/ui-bg_glass_50_3baae3_1x400.png) 50% 50% repeat-x;
	color: #fff;
}

button[disabled], input[type=button][disabled], input[type=submit][disabled], input[type=reset][disabled] {
	border: 1px solid #C0C0C0;
	color: #C0C0C0 !important;
}

.commonLookupButton:disabled {
	border: 1px solid #C0C0C0 !important;
	background: transparent !important;
}

/* ----- Search Style -----
 * These styles relate to the search function of the site.
 */

#searchBox {
	background: transparent;
	background-color: transparent;
	filter: none;
}

#searchButton:active{
position: relative;
padding-right: 37px;
padding-top:31px;
}

/* ----- Current Faults Charts Style -----
 * These styles relate to the charts that present the user with data on current faults. These
 * are found on the faults tab.
 */

#faultCharts {
	margin: 0;
	padding: 0;
}

#currentFaultsChart h3 {
	width: 100%;
}

#faultCharts > div {
	display: inline-block;
	width: 26%;
	padding: 0;
	margin: 0;
	margin-top: -10px;
	margin-left: auto;
	margin-right: auto;
}

#faultCharts #timeFilter {
	width: 20%;
}

#faultCharts h4 {
	font-weight: bold;
	text-decoration: underlined;
	margin: 0;
	padding: 0;
}

#faultCharts p, #faultCharts select {
	color: #A52A00;
}

#faultCharts table {
	width: 60%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#faultCharts img {
	width: auto;
	height: auto;
	max-height: 55px;
}

.red { color: #f00; }
.yellow { color: #FFAD5B; }
.green { color: #3CB371; }

/* ----- Specific Styles -----
 * This section holds all specific styles for various areas and elements on the site. This will
 * include specific filters and displays.
 */

#equipmentLabel, .blankBackground, .blankBackground tr {
	background: transparent;
	background-color: transparent;
	filter: none;
}

/* ----- Fault Details Styles -----
 * This section holds all specific styles for the faults, work orders and the planned
 * maintenance details pages.
 */

.faultDetails {
	font-size: 13px;
}

.faultDetails tr {
	vertical-align:middle;
	height:25px;
}

.faultDetails th {
	text-align:right;
	font-weight: bold;
	white-space: nowrap;
	padding-right: 3px;
}

.faultDetails textarea {
	height:91px;
	width:400px;
	font-family: Arial, Tahoma, Verdana, Helvetica;
}

.faultDetails input[type="button"] {
	margin-left: 15px;
	width: 157px;
	height:25px;
	font-weight: bold;
	font-family:Arial;
	font-style:normal;
}

/** Audit Trail Tab */
.auditTrail #auditTrailTable input[type="button"] {
	font-weight: normal;
	font-family:Arial;
	height:26px;
	margin: 0;
}

/** Acknowledge and Attend Tab */
.ackdAtt #attendanceDetails tr {
	height: 25px;
	vertical-align: top;
}

.ackdAtt textarea {
	width:443px;
	height:48px;
}

.ackdAtt fieldset {
	margin-left: 5px;
	margin-right: 5px;
	padding: 5pt;
}

.ackdAtt #attDetailsTable input[type="button"] {
	font-weight: normal;
	margin: 0;
}

/** Clearance Tab */
.clearance tr {
	height: 30px;
}

/** On Hold Tab */
.onHold tr {
	height: 30px;
}

.onHold fieldset input[type=button] {
	width: 150px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.onHold textarea[disabled], .onHold select[disabled] {
	background: transparent;
}

/** Transfer Tab */
.transfer tr {
	height: 30px;
}

.transfer fieldset input[type=button] {
	width: 150px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.transfer textarea[disabled], .transfer select[disabled] {
	background: transparent;
	border: 1px solid #AED0EA;
}

/** Loop Fault Tab */
.loopFault tr {
	height: 30px;
}

/** Misc Styles */
#buttonAcknowledgeFault {
	margin: 0;
}

#scheduleDataDiv, #scheduleDataDiv p {
	margin: 0;
	padding: 0;
}

#scheduleDataDiv h4 {
	margin-bottom: 0;
	padding: 0;
}

#scheduleDataDiv input[type="text"] {
	width: 36px;
}

#scheduleDataDiv textarea {
	width:450px;
	height:100px;
}

/* ----- Asset Details Styles -----
 * This section holds all specific styles for the page.
 */

 .versionCheckLink {
 	text-decoration: underline !important;
 	color: #0000FF !important;
 }

/* ----- Help Styles -----
 * This section holds all styles that are related to the help files and pages.
 */

#tree {
	width: 100%;
	height: 100%;
	border: 1px solid #AED0EA;
	background: #ffffff;
	overflow: auto;
}

#tree ul {
	margin: 5px;
	padding-left: 15px;
}

/* ----- Preloader Styles -----
 * This section hold the styles that are used for the preloaders on the main tabs. These will
 * be shown while the list is being populated so that the user is aware that there is something
 * going on in the background.
 */

.ajax_overlay {
	background: url("./images/spinner_squares_circle.gif") no-repeat center center transparent;
	opacity: 1;
	width:100%;
	height:100%;
}

.blue-loader .ajax_loader {
	background: url("./images/ajax-loader_blue.gif") no-repeat center center transparent;
}

/* ----- Miscellaneous Styles -----
 * This section hold some of the random styles that can be used to keep objects consistent. For
 * example, this section has a class for the border of an item if it needs one.
 */

.border {
	border: 1px solid #AED0EA;
}

.errorMessage, .successMessage {
	font-size: 14px;
	height: 100%;
	vertical-align:middle;
}

.hidden {
	display: none;
}

.notBold {
	font-weight: normal;
}

.commonLabel {
	font-weight: bold !important;
    color: #000000 !important;
    font-family: Arial !important;
    font-size: 13px !important;
    font-style: normal !important;
}

.commonLookupButton {
	border: 1px #A9A9A9 solid !important;
    background-color: #F0F0F0 !important;
    color: #000000 !important;
    font-family: Arial !important;
    font-weight: normal !important;
    font-size: 13px !important;
    width: 24px !important;
    height: 23px !important;
}

.commonDisabledInput {
	border: 1px #A9A9A9 solid !important;
    background: transparent !important;
    color: #000000 !important;
    font-family: Arial !important;
    font-weight: normal;
    font-size: 13px !important;
    height: 23px !important;
    padding-left: 5px;
}

.commonPopUpButton {
	font-family: Arial !important;
    font-weight: bold !important;
    font-style: normal !important;
    height: 33px !important;
    min-width: 119px !important;
    margin-left: 5px !important;
}

.commonInputSelect {
	padding: 1px !important;
	height: 23px !important;
	font-family: Arial !important;
    font-size: 1em !important;

}

.ui-dialog .ui-dialog-titlebar {
    padding: 10px 10px 10px 30px !important;
}

.ui-dialog .ui-dialog-title {
    font-family: Arial;
    font-weight: bold;
    font-size: 17px;
    font-style: normal;
    color: #222222;
}

.ui-widget {
    font-size: 1em;
}

#contentFrame
{
   min-height:800px!important;
}

.x-tree-arrows .x-grid-tree-node-expanded .x-tree-expander {
    background-position: -16px center !important;
}

/* ----- Asset Type Filter -----
 * This section holds specific styles asset type filter.
 */
.custom-tree-filter .x-tree-node-text{font-size: 12px;font-family: arial;}
.custom-tree-filter .x-grid-cell-inner-treecolumn { background-color: #F5F5F5; margin-left: -2px; padding: 2px 0px 2px 0px; }
.custom-tree-filter .x-tree-view { background-color: #F5F5F5; overflow: hidden !important; }
.custom-tree-filter .x-tree-elbow-img, .x-tree-icon {
  background-repeat: no-repeat !important;
  background-position: 0 center !important;
  vertical-align: top !important;
}

.custom-tree-filter .x-tree-icon, .x-tree-elbow-img, .x-tree-checkbox {
    margin-top: -5px !important; margin-bottom: -4px !important; margin-right: -2px !important;
}

.custom-tree-filter .x-tree-checkbox {
   margin-right: 2px !important;
   top: 5px !important;
   width: 15px !important;
   height: 15px !important;
   border: 0px !important;
   padding: 0 !important;
   vertical-align: top !important;
   position: relative !important;
   background-color: #F5F5F5 !important;
   background-image: url(../images/checkbox.png) !important;
   background-position: 0 0px !important;
}
.custom-tree-filter .x-tree-checkbox-checked { background-position: 0 -15px !important; }
.custom-tree-filter .x-tree-icon { display: none !important; }
.custom-tree-filter .x-tree-icon,.x-tree-elbow-img,.x-tree-checkbox {
  margin-top: -5px !important;
  margin-bottom: -4px !important;
}
.parent-category{
   font: bold 13px arial !important;
}

.external{background: #C0C0C0;}

/* List expander */
#photoDiv { width: 100%; overflow: none; -moz-column-count: auto; -webkit-column-count: auto; column-count: auto; }
#photoDiv > div { margin: 0 10px 10px 0;
 float: left;
 border: thin solid #FFFFFF;
 text-align: center;
 position:relative;
 background: #dddddd;
 padding: 3px;
 padding-bottom: 3px;
 display:flex;
 align-items:center;
}
/* image tab */
#iphotoDiv { width: 100%; height:300px; overflow: auto; -moz-column-count: auto; -webkit-column-count: auto; column-count: auto; }
#iphotoDiv > div { margin: 0 2px 0 0;
 float: left;
 border: thin solid #FFFFFF;
 text-align: center;
 position:relative;
 background:  #FFFFFF;
 display:flex;
 align-items:center;
}

#dLocList { height: 360px !important; }

.bubble-link {
	color: #0000FF;
	text-decoration: underline;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 1em;
}

#filterFlag {
	display:none;
}

#counterArea {
	text-align: right;
	font-weight: bold;
	font-size: 11px;
 }
 
 #counterArea p, #counterArea span {
	padding: 0;
	 margin: 0;
 }

.noselect {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}

.selectall {
-webkit-touch-callout: all;
-webkit-user-select: all;
-khtml-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;
}

#clearFiltersBtn {	background: none !important; }

.ui-dialog-titlebar{
  background: #000 url('../images/ui-bg_glass_80_d7ebf9_1x400.png') 50% 50% repeat-x !important;
}

.ui-widget-overlay{
  opacity: 0.8 !important;
  background: #666 url('../cupertino/images/ui-bg_diagonals-thick_20_666666_40x40.png') 50% 50% repeat !important;
}

.ui-widget-content{
  background: #f2f5f7 !important;
}

.ui-datepicker-current {
	font-weight: bold !important;
	opacity: 1 !important;
}

.AssetListDialog.ui-dialog.ui-widget,
.LocationListDialog.ui-dialog.ui-widget,
.ScheduleDialog.ui-dialog.ui-widget{
  z-index: 10001 !important;
}

.attUploadDialog.ui-dialog{
  top: 40px !important;
}

.x-tree-view{
  overflow-y: hidden !important;
}
.x-grid-view{
  overflow-x: auto !important;
  overflow-y: auto !important;
}

#loadDataBtn{
  background-color: #D7EBF9 !important;
}

.one-line-text {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}

#wb_TabMenu1 {
	width: 1020px !important;
}

.remLinksTableBtn {
	display: inline-block;
	border: 1px solid #aed0ea !important;
	background: #D7EBF9 url(images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x;
	background-color: none;
	color: #2779aa;
	display: inline-block;
	position: relative;
	padding: 0;
	cursor: pointer;
	text-align: center;
	font-size: 10pt;
	height: 21px;
	vertical-align: middle;
 }