html
{
	height:100%;
	margin:0;
	border:none;
    padding:0;	
    font-size:8pt;
	
}

body
{
	background-color: white;
	font-family:Verdana,arial,helvetica;
	font-size:8pt;
	color:#666666;
	height:100%;
	margin:0;
	border:none;
    padding:0;
    -webkit-overflow-scrolling: touch;

}
td
{
	vertical-align:top;
}

pre 
{
	font-family:inherit;
}

button,
input[type=submit],
input[type=button]
{
	font-family: Verdana,arial,helvetica;
    font-size: 8pt;
    margin-bottom: 0;
    margin-top: 0;
    color: black;
}
 
button:disabled, 
input[type=submit]:disabled, 
input[type=button]:disabled {
    color: graytext;
}
 
select,
input[type=text],
textarea
{	
	font-family:Verdana,arial,helvetica;
	font-size:8pt;
	margin-bottom:0;
	margin-top:0;
	color:black;
}

.event.required .eventbutton
{
	background-color:rgba(255,0,0,0.4)
}

.title
{
	font-family:Verdana,arial,helvetica;
	font-weight:bold;
	font-size:10pt;
	color:Navy;
	text-align:left
}

.time
{
	font-family:Verdana,arial,helvetica;
	font-weight:lighter;
	font-size:8pt;
	color:#008EE0;
	text-align:left
}
.navyleft
{
	font-family:Verdana,arial,helvetica;
	font-size:8pt;
	margin-bottom:0;
	margin-top:0;
	color: Navy;
	TEXT-ALIGN: left;
	font-weight:bold;
}

.success
{
	background-color:Green;
	font-family:Verdana,arial,helvetica;
	display:block;
	font-weight:bold;
	font-size:10pt;
	color:White;
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	TEXT-ALIGN: center
}

.Success
{
	display:block;
	background-color:Green;
	font-family:Verdana,arial,helvetica;
	font-weight:bold;
	font-size:10pt;
	color:White;
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	TEXT-ALIGN: center
}
.master
{
	background-color:Yellow;
	font-family:Verdana,arial,helvetica;
	font-weight:bold;
	font-size:10pt;
	color:black;
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	TEXT-ALIGN: center
}
.banner
{
	background-color:#C0C0C0;
	font-family:Verdana,arial,helvetica;
	font-weight:bold;
	font-size:10pt;
	color:#0955A1;
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	TEXT-ALIGN: center
}
.fail
{	
	display:block;
	background-color:#B00B0B;
	font-family:Verdana,arial,helvetica;
	font-weight:bold;
	font-size:10pt;
	color:White;
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	TEXT-ALIGN: center
}
.Fail
{
	display:block;
	background-color:#B00B0B;
	font-family:Verdana,arial,helvetica;
	font-weight:bold;
	font-size:10pt;
	color:White;
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	TEXT-ALIGN: center
}
.FSHeading
{
	background-color: #ff794b;
	font-family:Verdana,arial,helvetica;
	font-weight:bold;
	font-size:14pt;
	color:White;
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	TEXT-ALIGN: center
}

.OrangeHeading
{
  	font-family:Verdana,arial,helvetica;
	font-size:8pt;
	margin-bottom:0;
	font-weight:bold;
	background-color: #ff794b;
	color: White;
	margin-left:0;
	margin-right:0;
	TEXT-ALIGN: left;
}

.blackHeading
{
	background-color: black;
	font-family:Verdana,arial,helvetica;
	font-weight:bold;
	font-size:10pt;
	color:White;
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	TEXT-ALIGN: center
}
.AMHeading
{
    color:#ff794b;
	font-family:Verdana,arial,helvetica;
	font-weight:bold;
	text-decoration:underline;
	font-size:10pt;
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	
}
.warning
{
	background-color:#B00B0B;
	font-family:Verdana,arial,helvetica;
	font-weight:bold;
	font-size:10pt;
	color:White;
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	TEXT-ALIGN: center
}
.alert
{
	background-color:pink;
}

.whitetext
 {
 	font-family:Verdana,arial,helvetica;
 	font-size:8pt;
 	margin-bottom:0;
 	margin-top:0;
 	color:white;
 	text-decoration: none;
}
.read-only .overlay {
    background-color:#000;
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    width: 120%;
    height: 120%;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=01)";       /* IE 8 */
	filter: alpha(opacity=01);  /* IE 5-7 */
	-moz-opacity: 0.01;          /* Netscape */
	-khtml-opacity: 0.01;        /* Safari 1.x */
	opacity: 0.01;               /* Good browsers */
}
.extralarge
{
	font-size:3em;
	font-weight:bold;
}
.large
{
	font-size:2em;
	font-weight:bold;
}
.text,
.text2
{
	font-family:Verdana,arial,helvetica;
	font-size:8pt;
	margin-bottom:0;
	margin-top:0;
	color:#666666
}

.textleft
{
	font-family:Verdana,arial,helvetica;
	font-size:8pt;
	margin-bottom:0;
	margin-top:0;
	color:#666666;
	text-align: left;
}

.topborder
{
	border-top: solid 1px gray;
}
.textgreen
{
	font-family:Verdana,arial,helvetica;
	font-size:8pt;
	margin-bottom:0;
	margin-top:0;
	color:Green
}
.textred
{
	font-family:Verdana,arial,helvetica;
	font-size:8pt;
	margin-bottom:0;
	margin-top:0;
	color:Red
}
.textyellow
{
	font-family:Verdana,arial,helvetica;
	font-size:8pt;
	margin-bottom:0;
	margin-top:0;
	color: FAF20A;
}
.textorange
{
	font-family:Verdana,arial,helvetica;
	font-size:8pt;
	margin-bottom:0;
	margin-top:0;
	color: Orange
}
.textcenter
{
    text-align: center;
	font-family:Verdana,arial,helvetica;
	font-size:8pt;
	margin-bottom:0;
	margin-top:0;
	color: Black;
	
}
.textcenterbolder
{
    text-align: center;
	font-family:Verdana,arial,helvetica;
	font-size:10pt;
	margin-bottom:0;
	margin-top:0;
	color: Black;
	font-weight:bolder;
	
}

.overdue,
.overdue.duesoon
{
	background-color:#B00B0B;
	color:white;
}
.duesoon
{
	background-color:yellow;
	color:black;
}

.overdue2
{
	background-color:red;
	color:white;
	
}
.warning2
{
	text-align:left;
	font-family:Verdana,arial,helvetica;
	font-size:8pt;
	margin-bottom:0;
	margin-top:0;
	background-color:#FFFF9F;
	color:#8D8D8D;
	font-weight:normal;
}
.text1
{
	font-family:Verdana,arial,helvetica;
	font-size:8pt;
	margin-bottom:0;
	margin-top:0;
	color:#8D8D8D;
	vertical-align:top;
}
.submit
{
     FONT-WEIGHT: bold;
     background-color: #E5E5E5;
     border: solid 1px #000000;
     color: #000000;
     FONT-SIZE: 8pt;
	 FONT-FAMILY: verdana, arial, helvetica;
     text-decoration:none;
     cursor:default;
}
.tableheader
{
	background-color: #eff4ff;
	font-family:Verdana,arial,helvetica;
	font-size:8pt;
	margin-bottom:0;
	margin-top:0;
	color:#8D8D8D;
	text-decoration:none;
}
.header
{
	font-family:Verdana,arial,helvetica;
	font-size:16pt;
	text-align:center;
	font-weight:bold;
	margin-bottom:0;
	margin-top:0;
	color:#8D8D8D;
	text-decoration:none;
}

table.sortable a.sortheader
{
	font-family:Verdana,arial,helvetica;
	font-size:8pt;
	margin-bottom:0;
	margin-top:0;
	color:#8D8D8D;
	text-decoration:underline;
}
.toplevelassetname 
{
	font-weight:bold;
	font-size:larger;
}
.assetname
{
	font-size:larger;
}

table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}
a.text:link
{
	font-family:Verdana,arial,helvetica;
	color:#5F73FF;
	font-size:8pt;
	text-decoration:none;
}
.linkbutton
{
	background-color:transparent;
	font-family:Verdana,arial,helvetica;
	color:#BC78FF;
	font-size:8pt;
	margin-bottom:0;
	margin-top:0;
	text-decoration:none;
}
a.text:visited
{
	font-family:Verdana,arial,helvetica;
	color:#BC78FF;
	font-size:8pt;
	text-decoration:none;
}
a.whiteText2:link
{
	font-family:Verdana,arial,helvetica;
	color:#FFFFFF;
	font-size:8pt;
	margin-bottom:0;
	margin-top:0;
	text-decoration:none;
}
a.whiteText2:visited
{
	font-family:Verdana,arial,helvetica;
	color:#FFFFFF;
	font-size:8pt;
	margin-bottom:0;
	margin-top:0;
	text-decoration:none;
}
a:link
{
    font-family: verdana, arial, helvetica;
    color:Blue;
}
a:visited
{
	font-family: verdana, arial, helvetica;
	color:Purple
}
.checkbox
{
	color:black;
	top:-4;
	left:-2px;
	background-color:white;
	border-width:medium;
	border-color:Black;
}
.loginbody
{
	background-color: #0955A1;
	font-family:Verdana,arial,helvetica;
	font-size:8pt;
	color:white;
	margin-bottom:0;
	margin-top:3;
	margin-left:0;
	margin-right:0;
	text-align:center;
	
}
.logoutbody
{
	background-color: #0955A1;
	font-family:Verdana,arial,helvetica;
	font-size:8pt;
	color:white;
	margin-bottom:0;
	margin-top:8;
	margin-left:10;
	margin-right:0;
	
	
}
.errorText
{
	font-family:Verdana,arial,helvetica;
	font-weight:bold;
	font-size:10pt;
	color:Red;
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
}

/* images */

.person
{
	background-image: url(/Solution/Graphics/banner.bmp);
	background-repeat:no-repeat;
	height: 100;
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	border-right:0;
	background-position:center;
}

.highText, 
a.highText:link, 
a.highText:visited, 
a.highText:active, 
a.highText:focus {
	color: #FFFFFF;
	font: 8pt Arial, sans-serif;
	text-align: left;
	text-decoration: none;
	font-weight:bold;
}

.lowText, 
a.lowText:link, 
a.lowText:visited, 
a.lowText:active, 
a.lowText:focus {
	color: #000000;
	font: 8pt Arial, sans-serif;
 	text-align: left;
	text-decoration: none;
}

/*menus*/

.topmenu,
a.topmenu:link, 
a.topmenu:visited, 
a.topmenu:active, 
a.topmenu:focus 
{
	color: white;
	text-align: left;
	text-decoration: none;
	font: 8pt Arial, sans-serif;
}

.topmenu.over,
.menuitem.over
{	
	background-color:#6699CC;
	text-decoration: none;
	color: white;
}

.submenu,
a.submenu:visited,
a.submenu:link,
a.submenu:active,
a.submenu:focus
{
	text-decoration: none;
	font: 8pt Arial, sans-serif;
}

.menuitem,
a.submenu.out:visited,
a.submenu.out:link,
a.submenu.out:active,
a.submenu.out:focus
{
	color:#000000
}

 a.menuitem.over, 
 a.submenu.over:visited,
 a.submenu.over:link,
 a.submenu.over:active,
 a.submenu.over:focus
{	
	color: white;
}

.menuitem 
{
	background-color:#CCCCDD;
	border: 1px solid #666666 ;
}	

.menubody
{
	background-color: #0955A1;
	color:white;    
	font: 8pt Arial, sans-serif;
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	text-align: right;
	text-decoration: none;
	font-weight:bold;

}

.itemborder  
{
	border: 1px solid #666666 ;
}

.itemBorderBlank  
{
	border: 1px solid #CCCCDD 
}


/*--------------*/
TABLE
{
	font-size: 8pt;
	
}

.alternatingSubAsset
{
	background-color: #D7F0FF;
}
.TopLevelAsset
{
	background-color: #00ffcc;
	font-weight:bold 
}

.SubAsset
{
	background-color: #99ffff;
}
.ClickableSummary
{
	background-color: #EEEEEE;
}

TD.LoadingPage
{
	font-size:18pt;
	font-weight:bolder ;
	font-family:Arial;
}	   

.autosize {
	font-family:Verdana,arial,helvetica;
	font-size:8pt;
	width: 600px;
	height: auto;
	overflow:visible;
	border:none;

}

.print.noprint-outline input,
.print.noprint-outline textarea,
.print.noprint-outline select,
.nooutline input,
.nooutline textarea,
.nooutline select
{
	font-family:Verdana,arial,helvetica;
	font-size:8pt;	
	border:none;
	overflow: hidden;
}

.notshown 
{
	width:10px;
	height:10px;
	position:absolute;
	left:-1000px;
	top:-1000px;
}

.maintenanceAlmostDue
{
	background-color:Yellow
}

.maintenanceOverDue
{
	background-color:Red
}
.maintenanceOverDue .checkedout
{
	color:White;
	font-weight:bold;
}
.checkedout 
{
	color:Red;
	font-weight:bold;
}
.checkedin
{
	color:Green;
	font-weight:bold;
	font-size:larger;
}
.partReady
{
	background-color:#A6D785;
}
.sectionHeading.dueDay 
{
	background-color:#C80000;
	color:White;
}
.columnHeading
{
	font-size:8pt;
	font-weight:bold;
	text-align:center;
}
.usersworkgroup
{
background-color:#A6D785;
}
.checklist
{
	background-color:#D3D3D3;
}
.reportTitle
{
	text-align: center;
    font-size: x-large;
    font-weight: bold;
}
.printing .header
{
	color:Black;
}
.printing thead
{
	color:Black;
	font-size:10pt;
}
.printing table
{
	font-size:10pt;
}
.printing tr
{
	page-break-inside:avoid;
    break-inside:avoid-page;
}
.altRow 
{
	background-color:#eff4ff
}
	

/* New CSS */
.sectionHeading 
{
	background-color:#ADD8E6;
	font-weight:bold;
	font-size:larger;
	text-align:center;
}

.sectionHeading.floatingcontents
{
	position:relative;
}

.sectionHeading.floatingcontents input[type=checkbox] {
	position: absolute;
	right: 0px;
}

.subSectionHeading 
{
	background-color:#ADD8E6;
	font-weight:bold;
	text-align:center;
}
.subSectionHeadingRight 
{
	background-color:#ADD8E6;
	font-weight:bold;
	text-align:right;
}
.layoutTable 
{
	width:100%;
	border-collapse:collapse;
}
.layoutTable td
{
	vertical-align:top;
}
.subSection 
{
	border:solid 1px black;
}

.centered 
{
	text-align:-webkit-center;
	text-align:center;
	width: initial;
	margin-left: auto;
	margin-right: auto;
}

.taskRow>td
{
	border-left:solid 2px white;
	border-right:solid 2px white;
	border-top:solid 2px black;
}

.workgroupTask>td
{
	background-color:lightgreen;
	
}

.graph-incomplete
{
	background-color:Red;
	height:1em;
}

.graph-complete
{
	background-color: green;
    height: 1em;
    display: inline-block;
}

.dataTable 
{
	width:100%;
	border-collapse:collapse;
}


.dataTable th 
{
	padding:2px 5px 2px 5px;
}

.dataTable td 
{
	padding:2px 5px 2px 5px;
}
.dataTable.tight td
{
	padding:2px 2px 2px 2px;
	
}
.dataTable.tight th 
{
	padding:2px 2px 2px 2px;
}

.notesTable 
{

}

.alignNumber 
{
	text-align:right;
}

input.pendingChange
{
	background-color:yellow;
}

input[type=checkbox].pendingChange
{
	background-color:yellow;
	outline-color:yellow;
	outline-style:solid;
	outline-width:2px;
}

input[type=text].webserviceSuccess,
 .webserviceSuccess,
tr.webserviceSuccess,
tr.webserviceSuccess td,
tr.webserviceSuccess th,
tr.reportRow.webserviceSuccess td,
select.webserviceSuccess
{
	background-color:#90EE90;
}

input[type=text].webservicePending,
.webservicePending,
tr.webservicePending td,
tr.webservicePending th,
tr.reportRow.webservicePending td,
select.webservicePending
{
	background-color:yellow;
}

input[type=checkbox].webservicePending,
input[type=radio].webservicePending
{
	background:yellow;
	outline-color:yellow;
	outline-style:solid;
	outline-width:2px;
}

input[type=checkbox].webserviceSuccess,
input[type=radio].webserviceSuccess
{
	background:#eec779;
	outline-color:#eec779;
	outline-style:solid;
	outline-width:2px;
}

input[type=text].webserviceFailure,
 .webserviceFailure,
tr.webserviceFailure,
tr.webserviceFailure td,
tr.webserviceFailure th,
tr.reportRow.webserviceFailure td,
select.webserviceFailure
{
	background-color:#FF0000;
}

input[type=checkbox].webserviceSuccess,
input[type=radio].webserviceSuccess
{
	background:lightgreen;
	outline-color:lightgreen;
	outline-style:solid;
	outline-width:2px;
}

input[type=checkbox].webserviceFailure,
input[type=radio].webserviceFailure
{
	background:red;
	outline-color:#FF0000;
	outline-style:solid;
	outline-width:2px;
}
.miniquickLinkButton 
{
	height:43px;
	width:200px;
	font-size:large;
	-webkit-appearance:button;
	white-space:normal;
	background: #f8f8f8;
	background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%, #dddddd 99%, #dddddd 100%, #ebebeb 100%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd), color-stop(99%,#dddddd), color-stop(100%,#dddddd), color-stop(100%,#ebebeb), color-stop(100%,#dddddd));
	background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%,#dddddd 99%,#dddddd 100%,#ebebeb 100%,#dddddd 100%);
	background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%,#dddddd 99%,#dddddd 100%,#ebebeb 100%,#dddddd 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%,#dddddd 99%,#dddddd 100%,#ebebeb 100%,#dddddd 100%);
	background: linear-gradient(to bottom, #f8f8f8 0%,#dddddd 100%,#dddddd 99%,#dddddd 100%,#ebebeb 100%,#dddddd 100%);
}
.quickLinkButton 
{
	height:85px;
	width:400px;
	font-size:xx-large;
	-webkit-appearance:button;
	white-space:normal;
	background: #f8f8f8;
	background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%, #dddddd 99%, #dddddd 100%, #ebebeb 100%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd), color-stop(99%,#dddddd), color-stop(100%,#dddddd), color-stop(100%,#ebebeb), color-stop(100%,#dddddd));
	background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%,#dddddd 99%,#dddddd 100%,#ebebeb 100%,#dddddd 100%);
	background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%,#dddddd 99%,#dddddd 100%,#ebebeb 100%,#dddddd 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%,#dddddd 99%,#dddddd 100%,#ebebeb 100%,#dddddd 100%);
	background: linear-gradient(to bottom, #f8f8f8 0%,#dddddd 100%,#dddddd 99%,#dddddd 100%,#ebebeb 100%,#dddddd 100%);
}
.quickLinkButton.amReport 
{
	border-width:5px;
	border-color:#008000;
}
.quickLinkButton.production
{
	border-width:5px;
	border-color:#FFD700;
}
.quickLinkButton.maintDue 
{
	border-width:5px;
	border-color:#FFA500;
}
.noDisplay
{
	display:none;
}
.circle 
{
	border-radius:50%;
}

.pulse 
{
	-webkit-animation-name: pulse;
	-webkit-animation-duration: .75s;
	-webkit-animation-iteration-count: 100;
	-webkit-animation-timing-function: linear;
	animation-name: pulse;
	animation-duration: .75s;
	animation-iteration-count: 100;
	animation-timing-function: linear;
}

taskPoint
{
	background:blue;
	position:absolute;
	width:10px;
	height:10px;
}

taskPoint.userAssigned
{
	border:solid 3px lightGreen;
	background:yellow;
}

.activeLocation
{
	background:lightGreen;
	border: solid red 2px;
}

.assignedLocation
{
	background:lightGreen;
	border: solid red 2px;
}

.selectedTask 
{
	background: lightgreen;
	font-weight: bold;
	font-size: larger;
}

.qualifiedTask .qualificationFlag
{
	font-weight:bold;
	color:Blue;
}

.nonQualifiedTask .qualificationFlag
{
	display:none;
}

.nonHazardTask .hazardFlag
{
	display:none;
}

.hazardTask .hazardFlag
{
	color:Red;
	font-weight:bold;
	
}
.warrantyTask .warrantyFlag
{
	font-weight:bold;
}
.nonWarrantyTask .warrantyFlag
{
	display:none;
}

.responseTask .taskResponse
{
	font-weight:bold;
}
.nonResponseTask .taskResponse
{
	display:none;
}

.highPriorityTask 
{
	background:lightyellow;
}

.criticalTask 
{
	background:pink;
}

.criticalAsset .criticalFlag
{
	color:Red;
	font-weight:bold;
	font-size:large;
}

.noncriticalAsset .criticalFlag
{
	display:none;
}

.serviceRequest .taskHistory
{
	display:none;
}

.requirement .taskName
{
	font-weight:bold;
}

.serviceRequest .taskName
{
	display:none;
}

.serviceRequest .taskDesc
{
	color:Blue;
}

.taskJobNumber
{
	color:Blue;
}

.overDueTask
{
	
}

.overDueTask .classMember
{
	color:Red;
	font-weight:bold;
}

tr.task.taskClosed.assigned .assignButton
{
	display:none;
}

tr.task.taskClosed .assignButton
{
	display:none;
}

tr.task.taskClosed .startButton
{
	display:none;
}

.task.topleveltask .assetinfo .subasset
{
	display:none;
}

.task.nonroutine .taskDescription 
{
	color:Blue;
	font-weight:bold;
}

.task.routine.requirementnamedescritpionmatches .taskDescription
{
	display:none;
}

.task.nonroutine .requirementname
{
	display:none;
}

.task.nonroutine .requirementnumber  
{
	display:none;
}

.task .requirementnumber 
{
	color:blue;
	font-weight:bold;
}

.task .requirementname 
{
	font-weight:bold;
}

.overDueTask .daysRemaining 
{
	color:Red;
	font-weight:bold;
}


.dueTodayTask .daysRemaining 
{
	color:Green;
	font-weight:bold;
}

.reportPageHeading
{
	font-size: 3em;
	color:Blue;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	font-weight:bold;
}
.reportSubHeading
{
	font-size:2.5em;
	color:Blue;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}
.reportGroupHeading
{
	background:lightblue;
	text-align:center;
	font-size:1.3em;
}

.fa.fa-letter 
{
	font-family:arial;
	font-weight:bold;
	
}


.nonRoutine
{
	
}
.reportRow.paddedcolumns td
{
	padding-left:5px;
	padding-right:5px;
}



.reportAlternateRow
{
	background-color: #F0F8FF;
}
.reportRow,
.reportAlternate
{
	background-color: #F8F8FF;
	vertical-align: top;
	padding-top:2px
}

tbody.reportAlternate:nth-of-type(even),
tr.reportRow:nth-of-type(even),
tbody>tr.reportRow.tworow:nth-of-type(4n-5),
tbody>tr.reportRow.tworow:nth-of-type(4n-6),
tr.reportRow.tworow:nth-of-type(4n-5),
tr.reportRow.tworow:nth-of-type(4n-6),
tbody tr.reportRow.eightrow:nth-of-type(16n+1),
tbody tr.reportRow.eightrow:nth-of-type(16n+2),
tbody tr.reportRow.eightrow:nth-of-type(16n+3),
tbody tr.reportRow.eightrow:nth-of-type(16n+4),
tbody tr.reportRow.eightrow:nth-of-type(16n+5),
tbody tr.reportRow.eightrow:nth-of-type(16n+6),
tbody tr.reportRow.eightrow:nth-of-type(16n+7),
tbody tr.reportRow.eightrow:nth-of-type(16n+8)
{
	background-color:#EBF6FF;
}
tbody>tr.reportRow.tworow:nth-of-type(4n-7),
tbody>tr.reportRow.tworow:nth-of-type(4n-8),
tr.reportRow.tworow:nth-of-type(4n-7),
tr.reportRow.tworow:nth-of-type(4n-8),
tbody tr.reportRow.eightrow:nth-of-type(16n+9),
tbody tr.reportRow.eightrow:nth-of-type(16n+10),
tbody tr.reportRow.eightrow:nth-of-type(16n+11),
tbody tr.reportRow.eightrow:nth-of-type(16n+12),
tbody tr.reportRow.eightrow:nth-of-type(16n+13),
tbody tr.reportRow.eightrow:nth-of-type(16n+14),
tbody tr.reportRow.eightrow:nth-of-type(16n+15),
tbody tr.reportRow.eightrow:nth-of-type(16n+16)
{
	background-color:#F8F8FF;
}

tr td div.showeight
{
	display:none;
}

tr:nth-of-type(8n+1) td div.showeight 
{
	display:block;
}

.workgroupname 
{
	color:Black;
	font-weight:bold;
}

.hazard
{
	color:Red;
	font-size:1.3em;
	font-weight:bold;
}

a.clickablelink
{
	display:inline-block;
	margin-top:.5em;
	margin-bottom:.5em;
}

.clickableitem
{
	text-decoration:underline;
	cursor: pointer; 
	cursor: hand;
}

.activeAssignment 
{
	background-color:#ADD8E6;
}

.behindPlan 
{
	color:Red;
	
}


.standaloneHeading
{
	font-size: 3em;
	color:Blue;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}

.totalLine 
{
	font-weight:bold;
	border-top:solid black 1px;
}
.scrollable-y
{
	overflow-y:auto;
	
}
.tabBar
{
	margin-top: 4px;
}

.tabHeading
{
	border-top-left-radius: 25%;
	border-top-right-radius: 25%;
	display: inline-block;
	color:#8D8D90;
}

.tab
{
	background-color: rgb(208, 228, 251);
	color: navy;
	border-top-left-radius: 10px;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	cursor: pointer;
}

.selectedTab
{
	color:Navy;
	font-size:1.4em;
}

.hasNotes
{
	background-color:lightgreen;
	font-weight:bold;
}

.hasParts
{
	background-color:yellow;
	font-weight:bold;
}

.hasParts.hasAvailableParts
{
	background-color:lightgreen;
	font-weight:bold;
}

.commandBar
{
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	padding: 2px;
	border: solid;
	margin: 2px;
}


/*Scheduling */
.futureAssignment
{
	color:green;
	font-weight:bold;
}

.crewAssigned
{
	background-color:lightgreen;
}
.crewUnavailable
{
	background-color:pink;
}

.ui-dialog + .ui-widget-overlay
{
	background:#aaaaaa;
	opacity:.5;
}

.timeline
{
	height: 4px;
	background: #eee;
	width: 100%;
	position: relative;
}
div.timelineHash:before {
    content:'';
    display:block;
    background:#06182E;
    width:2px;
    height:20px;
    position:absolute;
    /*left:50%;*/
    top:-10px;
    margin-left:-2px;
}
div.timelineHash {
text-align: center;
white-space:nowrap;
position: absolute;
padding-top: 10px;
display: inline-block;
}
.otherTask.timelineTask:before
{
	background:black;
	z-index:10
}
.timelineTask:before {
    content:'';
    display:block;
    background:lightgreen;
    width:3px;
    height:30px;
    position:absolute;
    /*left:50%;*/
    top:-10px;
    margin-left:-2px;
    z-index:100;
}

.timelineTask {
text-align: center;
position: absolute;
padding-top: 20px;
display: inline-block;
white-space:nowrap;
}

.timelineMilestone.selectedMilestone
{
	color:Green;
	font-weight:bold;
	z-index:1000;
}
.timelineMilestone.adjustMilestone:before
{
  content: '';
  display: block;
  border-radius: 50%;
  background: green;
  width: 10px;
  height: 10px; 
  position: absolute;
  top:0px;
  left: -12px;
}
.timelineMilestone.topMilestone
{
	font-weight:bold;
	font-size:larger;
}
.selectedMilestone
{
	stroke: red;
	stroke-width: 2;
	
}
.timelineMilestone:before {
    content:'';
    display:block;
    /*border:solid 2px red;*/
    border-radius:50%;
    background:green;
    width:10px;
    height:10px;
    position:absolute;
    top:27px;
    left:-6px;
}
.timelineMilestone 
{
	top:-30px;
	text-align: center;
	position: absolute;
	display: inline-block;
	white-space:nowrap;
}

.arrow-left
{
	width: 0; 
	height: 0; 
	border-bottom: 5px solid transparent;  /* left arrow slant */
	border-top: 5px solid transparent; /* right arrow slant */
	border-right: 5px solid black; /* bottom, add background color here */
	font-size: 0;
	line-height: 0;
}

.arrow-right
{
	width: 0; 
	height: 0; 
	border-bottom: 5px solid transparent;  /* left arrow slant */
	border-top: 5px solid transparent; /* right arrow slant */
	border-left: 5px solid #2f2f2f; /* bottom, add background color here */
	font-size: 0;
	line-height: 0;
}

.behind 
{
	color:Red;	
}
.dynamicRequired
{
	border:solid 2px red ;
}
a.requiredLabel
{
	color:Red;
	font-weight:bold;
}

.cursor-pointer 
{
	cursor:pointer;
}

.popupWindow
{
	position:fixed;
	border:solid black;
	background:white;
	z-index:5000;
	border-radius:20px;
	padding:5px; 
}

.popupCloseButton 
{
	cursor:pointer;
	float:right;
	background:blue;
	color:white;
	font-weight:bold;
	border-top-right-radius: 10px;
	padding: 3px;
	height:23px;
	font-size:large;
	position:absolute;
	top:1px;
	right:1px;
}

.popupHeading
{
	
	font-size:large;
	height:28px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	
}
.popupFrame
{
	border-bottom-right-radius:20px;
	border-bottom-left-radius:20px;
}
.loadingMask 
{
	position:absolute;
	top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 5000;
    background-color:White;
    background-color: rgba(221,221,221,0.5);
}
	
.loadingMask .loadingText
{
    margin-left: auto;
    margin-right:auto;
    width: 300px;
    font-size: xx-large;
    height: 1em;
    /*margin-top: 400px;*/
    color: black;
    font-weight: bold;
    text-align:center;
    
}

span.touchbutton
{
	font-size:xx-large;
	-webkit-appearance:button;
	white-space:normal;
	background: #f8f8f8;
	background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%, #dddddd 99%, #dddddd 100%, #ebebeb 100%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd), color-stop(99%,#dddddd), color-stop(100%,#dddddd), color-stop(100%,#ebebeb), color-stop(100%,#dddddd));
	background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%,#dddddd 99%,#dddddd 100%,#ebebeb 100%,#dddddd 100%);
	background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%,#dddddd 99%,#dddddd 100%,#ebebeb 100%,#dddddd 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%,#dddddd 99%,#dddddd 100%,#ebebeb 100%,#dddddd 100%);
	background: linear-gradient(to bottom, #f8f8f8 0%,#dddddd 100%,#dddddd 99%,#dddddd 100%,#ebebeb 100%,#dddddd 100%);

	align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 2px 6px 3px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}

button.touchbutton
{
	font-size:xx-large;
	-webkit-appearance:button;
	white-space:normal;
	background: #f8f8f8;
	background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%, #dddddd 99%, #dddddd 100%, #ebebeb 100%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd), color-stop(99%,#dddddd), color-stop(100%,#dddddd), color-stop(100%,#ebebeb), color-stop(100%,#dddddd));
	background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%,#dddddd 99%,#dddddd 100%,#ebebeb 100%,#dddddd 100%);
	background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%,#dddddd 99%,#dddddd 100%,#ebebeb 100%,#dddddd 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%,#dddddd 99%,#dddddd 100%,#ebebeb 100%,#dddddd 100%);
	background: linear-gradient(to bottom, #f8f8f8 0%,#dddddd 100%,#dddddd 99%,#dddddd 100%,#ebebeb 100%,#dddddd 100%);
}

.missingRate 
{
	
}

.milestoneChartLabor
{
	position:absolute;
	white-space:nowrap;
}

.milestoneTask.milestoneOverdue.milestoneEstimate
{
	background:red;
}

.milestoneTask.milestoneClosed.milestoneActual
{
	background:green;	
}
.milestoneTask.milestoneClosed.milestoneEstimate
{
	display:none;
}

.milestoneTask.milestoneActual
{
	background:lightgreen;
}

.milestoneTask.milestoneEstimate
{
	background:blue;
}

.milestoneTask 
{
	display:inline-block;
	height:10px;
}
.chartWOStartdate
{
	background:orange;
}

.input-column 
{
	text-align:center;
}

.stepHeading
{
	font-size:1.5em;
}
.stepNumber
{
	font-size:1.5em;
	font-weight:bold;
}

.data-column
{
	text-align:left;
}

.warning-row 
{
	background-color:#FFDA96 !important;
}
.important
{
	font-weight:bold;
}

.importantWarning
{
	font-weight:bold;
	color:Red;
}

.importantGood
{
	font-weight:bold;
	color:lightGreen;
}

.underline
{
	text-decoration:underline;
}
.signInButton
{
    background-color: green;
    color: white;
    font-size: large;
    font-weight: bold;
}
.signOutButton
{
    background-color: red;
    color: white;
    font-size: large;
    font-weight: bold;
}
.calendarItem
{
  background: aliceblue;
  border-width: 3px;
  display: block;
  border-radius: 20px;
  padding: 5px;
  border-style: outset;
  }
.calendarItem .eventname
{
  font-weight:bold;
  display: block;
  }
.calendarItem .assetname
{
  display: block;
  color: blue;
  font-weight: bold;
  }
.calendarItem .requirementname
{
  color:blue;
  display: block;
}

.iconbutton .circle 
{
	color:blue;
}
.iconbutton .icon
{
	color:White;
}

.datetimepicker 
{
	width:120px;
}

.datepick 
{
	width:90px;
}


/*Width/height is dynamic for the sitution*/
.barProgressWrap
{
	border:outset 2px black;
	-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.barProgressOuter 
{
	border:0px;
	-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
    	background: #ed0000; /* Old browsers */
        background: -moz-linear-gradient(left,  #ed0000 0%, #8c3310 43%, #752201 51%, #18b700 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ed0000), color-stop(43%,#8c3310), color-stop(51%,#752201), color-stop(100%,#18b700)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  #ed0000 0%,#8c3310 43%,#752201 51%,#18b700 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  #ed0000 0%,#8c3310 43%,#752201 51%,#18b700 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  #ed0000 0%,#8c3310 43%,#752201 51%,#18b700 100%); /* IE10+ */
        background: linear-gradient(to right,  #ed0000 0%,#8c3310 43%,#752201 51%,#18b700 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0000', endColorstr='#18b700',GradientType=1 ); /* IE6-9 */   
}
.barProgressInner
{
	background-color:#BCBCBC;
	float:right;	
}

.smallText
{
	font-size:small;
}

/* animations*/
@-webkit-keyframes pulse 
{
	0% {transform : scale(1,1);}
	50% {transform : scale(1.75,1.75);}
	100% {transform : scale(1,1);}
}	

@keyframes pulse 
{
	0% {transform : scale(1,1);}
	50% {transform : scale(1.75,1.75);}
	100% {transform : scale(1,1);}
}	

/* graph items  */

.axisLabel.axisHighlight{
	font-weight:bold;
	font-size:large;
	fill:black;
}
.axisLabel
{
	fill:gray
}
.hiddenAxisLabel
{
	display:none;
}
.alertFlag
{
	color:Red;
	font-weight:bold;
}
body.printing modifiable
{
	background:transparent;
}

body.printing modifiable.emptymodifiable
{
	visibility: hidden;
}

@media print 
{
	.noPrint 
	{
		display:none;
	}
}

.printing .reportPageHeading 
{
	font-size:1.5em;	
}

.printing .noPrint
{
	display:none;
}
.printOnly
{
	display:none;
}
.printing span.printOnly,
.printing div.printOnly,
.printing td.printOnly
.printing span.printonly,
.printing div.printonly,
.printing td.printonly
{
	display:initial !important;
}

/*.Table
{
    display: table;
}*/

.Heading
{
    display: table-row;
    font-weight: bold;
    text-align: center;
}
/*.Row
{
    display: table-row;
    width:100%;
}
.Cell
{
    display: table-cell;
   background-color: #eff4ff;
    font-family:Verdana,arial,helvetica;
    font-size:10pt;
    color:#8D8D8D;
    text-decoration:none;
    padding-left: 5px;
    padding-right: 5px;
}*/
    
.mask
{
    position:fixed;
    top:0px;
    left:0px;
    height:100%;
    width:100%;	
    z-index:50;
    background-color:White;
    background-color:rgba(255,255,255,0.75);
    
}
        
.roundButton 
{
	border-radius:100%;
	width:1.2em;
	display:inline-block;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	font-family:Monospace;
}

.help-block
{
	display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
    font-size:smaller;
}

/*Operations*/
button.big-btn {
    font-size: 24px;
    padding: 8px 16px;
}
.offline
{
    background:red;
    color:White;
    font-weight:bold;
    font-size:large;
}

.online
{
    background:green;
    color:White;
    font-weight:bold;
    font-size:large;
}
input[type=submit].big-btn {
    font-size: 24px;
    padding: 8px 16px;
}
div.bargeselected {
    border: solid 3px green;
}
div.vesselselected {
    border: solid 3px green;
}
div.categorybutton {
    background: rgba(0,255,255,0.4);
    border: solid 2px black;
    margin: 5px 0px 5px 0px;
    padding: 5px 0px 5px 0px;
    text-align: center;
}

div.watermark{
    background-image:url(/Graphics/DRAFT.png);
    background-repeat:space;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: .1;
}

div.rotate
{
    transform: translate(-176px, 174px) rotate(270deg);
}
div.rotate.r90
{
    transform: translate(-176px, 174px) rotate(90deg);
}
tr.notsynced td
{
	background:rgba(255,0,0,0.4)
}
div.editmakeup div.towposition,
div.pickupbarge div.towposition
{
	border:solid 2px grey;
	position: absolute;
}
div.fleetbarges
{
	position:relative;
}
span.fleetbarge 
{
	background: rgba(0,255,255, 0.7);
    border: solid 1px blue;
    position: relative;
    font-weight: bold;
    text-align: center;
    margin: 1px;
    display: inline-block;
}
.fleetlocation 
{
	text-align:center;
	font-weight:bold;
}
.fleetriver
{
	text-align:center;
	font-size:large;
	font-weight:bold;
	background:lightblue;
}
.fleetlocationheader
{
	text-align:center;
	font-size:larger;
	font-weight:bold;
    background:lightskyblue;
}
.fleettugheader
{
	text-align:center;
	font-size:larger;
	font-weight:bold;
	background:lightskyblue;
}
.tugdiagram .fleetbarge 
{
	position:absolute;
	background:rgba(0,255,255, 0.7);
    font-weight: bold;
    text-align: center;
    border: solid 1px blue;
}

.rake-type 
{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.rake-type.bow-left
{
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.rake-type.tow-updown
{
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.rake-type.bow-left.tow-updown
{
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.linked
{
	background-image:repeating-linear-gradient(135deg,transparent,transparent 10px,chartreuse 2px,chartreuse 12px),
	        repeating-linear-gradient(45deg,transparent,transparent 10px,red 2px,red 12px) !important;
}

.assignedBarge,
.hasBarges
{
	background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,red 12px,red 12px)
}

div.barge,
span.barge 
{
    background:rgba(0,255,255, 0.7);
    border:solid 1px blue;
    position:absolute;    
    font-weight: bold;
    text-align: center;
    cursor:pointer;
    overflow:hidden;
}

div.barge.hasload,
span.barge.hasload
{
	background:yellow;
}

div.barge.hasload.loaded,
span.barge.hasload.loaded
{
	background-image:repeating-linear-gradient(135deg,transparent,transparent 10px,red 12px,red 12px);
}

div.barge.hasload.loaded.hasorders
{
	background-image:repeating-linear-gradient(45deg,transparent,transparent 8px,green 12px,green 12px),
						repeating-linear-gradient(135deg,transparent,transparent 10px,red 12px,red 12px);
}

div.barge.hasorders, div.tug.hasorders ,
span.barge.hasorders, span.tug.hasorders 
{
    color: black;
	background-image:repeating-linear-gradient(45deg,transparent,transparent 8px,green 12px,green 12px);
	border-width:2px;
}

div.tug,
span.tug
{
    background:rgba(255,0,0,0.4);
    border:solid 1px red;
    position:absolute;  
    font-weight: bold;
    cursor:pointer;
    overflow:hidden;
}

.hasload.loaded .tab#loadTab 
{
	background-image:repeating-linear-gradient(135deg,transparent,transparent 10px,red 12px,red 12px);
}

.hasload .tab#loadTab
{
	background:yellow;
}

.hasorders .tab#orderTab
{
	background-image:repeating-linear-gradient(45deg,transparent,transparent 8px,green 12px,green 12px);
}
.hasmaintenance .tab#maintenanceTab
{
	background-image:repeating-linear-gradient(45deg,transparent,transparent 8px,green 12px,green 12px);
}

.hasevents .tab#eventTab
{
	background-image:repeating-linear-gradient(45deg,transparent,transparent 8px,green 12px,green 12px);
}

div.rotate
{
    transform: translate(0px, 0px) ;
}
div.rotate.r90
{
    transform: translate(-176px, 174px) rotate(90deg);
}

div.barge.selected,
span.fleetbarge.selected
{
	border:solid 3px green;
}

div.tug.selected,
span.tug.selected
{
	border:solid 3px green;
}

div.eventbutton.selected 
{
	border:solid 3px green;
}

div.eventbutton
{
    background:rgba(255,255,0,0.4);
    border:solid 2px black;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
}        
div.categorybutton
{ 
    background:rgba(0,255,255,0.4);
    border:solid 2px black;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
}

.loadrow.onehour .crew.noresponse,
.crewdiv.onehour .crew.noresponse
{
	background:rgba(255,255,0,0.4);
}

.loadrow .crew.declined,
.crewdiv .crew.declined
{
	background:rgba(255,0,0,0.4);
}

.loadrow .crew.accepted,
.crewdiv .crew.accepted
{
	background:rgba(0,128,0,0.4);
}

div.editmakeup div.towposition,
div.pickupbarge div.towposition
{
	display:block;
}

div.towposition
{
	border:solid 2px grey;
	position: absolute;
	display:none;
}




/*McDonalds screen*/
.mcdonalds 
{
	font-size:2em;
}
.mcdonalds tr.picked
{
	background-color:Green;
	color:White;
	font-weight:bold;
}
.mcdonalds tr.notPicked
{
	background-color:Yellow;
	font-weight:bold;
}

.mcdonalds tr.returnPart.picked
{
	background-color:Red;
	color:White;
	font-weight:bold;
}

.mcdonalds td
{
	padding-bottom:10px;
	border-bottom:solid 3px black;
}

.tc
{
	border-bottom:solid 3px silver;
	border-right:solid 3px silver;
}

.treetop 
{
	display:block;
}
.treeclosed > div 
{
	display:none;
}
.treeclosed > .treeminus
{
	display:none;
}
.treeplus 
{
	display:none;
}
.treeclosed.treehaschild > .treeplus 
{
	display:inline;
}
.treeopen > div 
{
	display:block;
}

.shopitem 
{
	stroke:black;
	stroke-width:2;
	fill:yellow; 
	fill-opacity:0.4;
}

.shopitem.shopserial
{
	fill:url(#serialExists);
}

.shopitem.shopsignedoff
{
	fill:green;
}

.shopitem.shopdiscarded
{
	fill:red;
}

.selectable.selected 
{
	border:solid 3px chartreuse;
}

.selectable 
{
	cursor:pointer
}

.selectable:hover 
{
	background-color:Aqua !important;
}

.fixed-pagewidth
{
	width:1200px;
    margin-left: auto;
    margin-right: auto;
}

div.position-container
{
	position:relative;
}

.pos
{
	position:absolute;
}

.positioned
{
	position:absolute;
}

.fixed-right
{
	position:absolute;
	right:0px;
}

.highlight-over 
{
	background-color : Aqua;
	font-weight:bold;
}

.droppable
{
	font-weight:bold;
	background-color:lightgreen;
}

modifiable
{
	white-space:pre-line;	
	background-color:lightgrey;
	display:inline-block;
}

.orderaccepted 
{
	background-color:rgba(0,200,0,.4);
}

.ordernotaccepted
{
	background-color:rgba(200,0,0,.4);
}

/*nightmode*/

body.nightmode,
.nightmode .popupWindow,
.nightmode .menubody
{
	background-color: #263947;
    color: #F0F4E5;
}
.nightmode a:visited
{
	color:#6886BC
}
.nightmode a:link
{
	color:#68868E
}

.nightmode .title
{
	color:#bbccbb;
}

.nightmode .iconbutton .circle 
{
	color:blue;
}

.nightmode .iconbutton .icon
{
	color:#F0F4E5;
}

body.nightmode.loginbody,
body.nightmode .menubody 
{
	background-color:#223381;
}

.nightmode .highText,
.nightmode .highText:link,
.nightmode a.highText:visited, 
.nightmode a.highText:active, 
.nightmode a.highText:focus,
.nightmode .highText2
{
	color: #F0F4E5;
}

.nightmode .reportGroupHeading 
{
	color:#263947
}
.nightmode .reportPageHeading
{
	color:#68868E;
}

.nightmode .reportRow 
{
	background-color:#554433
}
.nightmode .tableheader{
	background-color : #EFF49F;
}

.nightmode input[type=text], .nightmode textarea
{
	background-color: #C6CCC2;
	color:#263947;
}

.nightmode div.barge
{
	color:#554433;
}

.nightmode select 
{
    background-color: #C6CCC2;
	color:#263947;
}

.nightmode tbody.reportAlternate:nth-of-type(even),
.nightmode tr.reportRow:nth-of-type(even),
.nightmode tr.reportRow.tworow:nth-of-type(4n-5),
.nightmode tr.reportRow.tworow:nth-of-type(4n-6),
.nightmode tbody tr.reportRow.eightrow:nth-of-type(16n+1),
.nightmode tbody tr.reportRow.eightrow:nth-of-type(16n+2),
.nightmode tbody tr.reportRow.eightrow:nth-of-type(16n+3),
.nightmode tbody tr.reportRow.eightrow:nth-of-type(16n+4),
.nightmode tbody tr.reportRow.eightrow:nth-of-type(16n+5),
.nightmode tbody tr.reportRow.eightrow:nth-of-type(16n+6),
.nightmode tbody tr.reportRow.eightrow:nth-of-type(16n+7),
.nightmode tbody tr.reportRow.eightrow:nth-of-type(16n+8)
{
	background-color:#996644;
}

.nightmode tr.reportRow.tworow:nth-of-type(4n-7),
.nightmode tr.reportRow.tworow:nth-of-type(4n-8),
.nightmode tbody tr.reportRow.eightrow:nth-of-type(16n+9),
.nightmode tbody tr.reportRow.eightrow:nth-of-type(16n+10),
.nightmode tbody tr.reportRow.eightrow:nth-of-type(16n+11),
.nightmode tbody tr.reportRow.eightrow:nth-of-type(16n+12),
.nightmode tbody tr.reportRow.eightrow:nth-of-type(16n+13),
.nightmode tbody tr.reportRow.eightrow:nth-of-type(16n+14),
.nightmode tbody tr.reportRow.eightrow:nth-of-type(16n+15),
.nightmode tbody tr.reportRow.eightrow:nth-of-type(16n+16)
{
	background-color:#996644;
}
.nightmode .quickLinkButton 
{
	background: linear-gradient(to bottom, #68868E 0%,#263947 100%,#263947 99%,#263947 100%,#68868E 100%,#263947 100%);
    color: #C6CCC2;
}


/*nightmode menus*/

.nightmode a.topmenu.over
{
	background-color:#68868E;
}
.nightmode a.topmenu:visited,
.nightmode a.topmenu:link,
.nightmode a.topmenu:active,
.nightmode a.topmenu:focus
{
	color:#F0F4E5
}

.nightmode .menuitem,
.nightmode a.submenu.out:visited,
.nightmode a.submenu.out:link,
.nightmode a.submenu.out:active,
.nightmode a.submenu.out:focus
{
	color:#000000
}

.nightmode .menuitem.over, 
.nightmode a.submenu.over:visited,
.nightmode a.submenu.over:link,
.nightmode a.submenu.over:active,
.nightmode a.submenu.over:focus
{	
	color: #F0F4E5;
}

.nightbutton
{
	display:inline-block;	
}

.daybutton 
{
	display:none;
}

.nightmode .nightbutton 
{
	display:none;
}

.nightmode .daybutton
{
	display:inline-block;
}

/*Flex */
.flex-container
{
	display:flex;
}
.flex-vert
{
	flex-flow:column;
	display:flex;
}
.flex-horiz
{
	flex-flow:row;
	display:flex;
}
.flex-horiz div
{
	flex:1;
}

/*Jquery UI*/
.custom-combobox {
	position: relative;
	display: inline-block;
}
.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
}
.custom-combobox-input {
	margin: 0;
	padding: 2px;
}
.custom-combobox-blank {
	margin: 0;
	padding: 2px;
}

.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

tr.required td label::before{
    content:'*';
    color:red
}
.maxchars.smallText{
    font-size:.8rem;
}
.maxchars.smallText .warning{
    font-size:.8rem;
}