/* Css for a Standard Tablet - Portrait */

#empNameDisplay {
	width:100%;
}


.passFailButton{
 /*   padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;*/
    border-radius: 3px;
    }

body {
	background: #FFFFFF;/*#990033; changed 1.8*/
	font-family: arial; /* changed 1.8*/
		/*width: 370px;*/
		/*width:785px;*/
	/*max-width
		position:absolute;
	left:0;
	right:0;
	margin:0;padding:0;*/


}


.logohead{
	/*float:left;*/
	text-align:center;
	display: block;
    margin-left: auto;
    margin-right: auto;
    		background: #e8e8e8;
    }
#logoheadPrint{
	/*float:left;*/
	
	padding-right:5px;
	height:60px;
	text-align:center;
	display: block;
    margin-left: auto;
    margin-right: auto;
    float:right;
}


#logofoot{
	float:right;
	padding-left:15px;
	height:25px;
}

/**/

.d1-center-top {
	    text-align: center;
    margin-top: 0;
}



button.masterSave{
	border:0;
	font-size:1.2em;
	height:155px;
	/*line-height:15px;*/
	width:175px;
	text-align:center;
  color: black;

    border-radius: 5px;
white-space: normal;
margin-top: 0;
}

button.masterSavePending{
	border:0;
	font-size:1.2em;
	height:155px;
	width:175px;
	text-align:center;
	background-color:#b90000;
	border-radius: 5px;
  white-space: normal;
  color: white;
  margin-top: 0;

}


.passFailPass {
	background-color:#009933;

}

.passFailFail {
	background-color:#FF0000;

}

.passFailNA {
	background-color:#7F7F77;

}




.DateDue {
width:120px;
font-size: 1.1em;
}

.UCGLot{
width:75px;
}
.RevisedDueDate {
width:95px;
}
.Supervisor{
width:100px;
}
.Community, .CommLot {
width:75px;
}

.Address{
width:155px;
}

.Product{
width:90px;
}
.PTWidth{
width:10px;
}

.Supplier,.NameList{
width:130px;
}

.CommLot{
width:40px;
}


#crewtrade{
max-width:180px;
float:right;
display:none;
}

#safetyList,#safetyListx,#crewList,#superList{
width:100%;
display:inline-block;background-color: #f4f4f4;
}

#LotsList,#selectCrews,#selectSupersx{
width:310px;
float: left;
/*display:inline-block;*/
background-color: #f4f4f4;
}


#safetyTrade {
width:140px;
float: right;
/*display:inline-block;*/
/*background-color: #f4f4f4;*/
}


#showLinkedData{
width:135px;
font-size:.9em;
}

.buttonSelected {
	background-color:#8A7E7B;
}
.buttonUnselected {
	background-color:buttonface;
}


#titleRow  {margin-left:0px;}

.reduced {
font-size:.7em;}

#billingTotalsTable th {

width:95px;}

#reportTable,#crewSelectTable {

}

#reportTable th,#crewSelectTable th{


}

.kbw-signature { 
width: 425px; 
height: 125px;
}
		
/* LOT CREW TABLE FORMATS     */
.lotCrewTableCellSelect {
	background-color: #3399FF; 
	width:20px;
}
.crewLotRow{
	width:20px;
}

.crewLotSmall{
	font-size:.3em;
}

.listType { width: 125px;
		font-size: .7em;
}

.questionCol {
	width: 325px;
}

.notesCol {
	width: 150px;
}

#listc,#communityList {
	width: 180px;
}


.lastObsDate,.obsComplete,.ObsPercent,.actualScore {
	text-align: center;
	min-width: 65px;
}
.obsNotes {
	background-color: #ececec;
	font-size: smaller;
  color: black;
  /*padding-top: .3em;*/
  border: none;
}

.noteCell {
  background-color: #ececec;
}

.dateComplete {
	min-width: 105px;
}

.white{
	background: #FFFFFF
}

.pageTitle{
	 font-size:1.9em;
	  white-space: nowrap;
      overflow: hidden; 
      width: 100%;
}


/* ----End Table Format -------*/

/* ------ Format of Table Sorter Headers 

th.headerSortUp { 
    background-image: url(../images/asc.gif); 
    background-color: #3399FF; 
} 

th.headerSortDown { 
    background-image: url(../images/desc.gif); 
    background-color: #3399FF; 
} 

th.header { 
    background-image: url(../images/bg.gif);     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
} 
------*/
#printsubhead {display:none;}

#printButton {
	display:none;
}

.has-dialog {
	display:none;
}


#reportBeginDatex1,#reportEndDatex1,#reportBeginDatex,#reportEndDatex,.reportBeginDatex,.reportEndDatex,#reportBeginDate,#reportEndDate,#obsDate{   /*display: block;
    width: 100%;*/
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); */
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    	padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    height:	45px;
    min-width:130px;
}


.carbonad{border-radius: 6px;background-color:#FFFFFF;border:2px solid #E8E8E8;min-height:45px;line-height:1.2;width:425px}
.carbonad-smaller{border-radius: 6px;background-color:#FFFFFF;border:2px solid #E8E8E8;min-height:32px;line-height:1.3;width:400px;}


/******************** KEY CLASSES - TO Stop Grids From Wrapping Add in the Container Div ******/
.container-fixed {
        white-space: nowrap;
      overflow: hidden; 
      width: 100%;
}

.d1-w-max375 {
	max-width: 275px;
}


/*/*
/*Styles for standard 100 percent height and width of screens*/

/**
 * CSSReset.com Demo - How To Keep Footer At Bottom of Page with CSS
 * 
 * Original Tutorial: http://www.cssreset.com/2010/css-tutorials/how-to-keep-footer-at-bottom-of-page-with-css/
 */

tr.hover:hover {
  background-color:#c1c1c1;
  color:#6f6f6f;
}


   #loadMsg
    {margin: auto;
    width: 35%;
    
    padding: 10px;
  }
.recstatus {
	background-color: #f44336;
}

#recordSaveCell {

  clear: both;
}


/******************** KEY CLASSES - TO Stop Grids From Wrapping Add in the Container Div ******/
.container-fixed {
        white-space: nowrap;
      overflow: hidden; 
      width: 100%;
}


/*Save Tile*/

html {
	height:auto;
}


tr.hover:hover {
  background-color:#c1c1c1;
  color:#6f6f6f;
}

td ,th{
text-align:left;

padding-left: 2px;
padding-right:2px;
border:1px solid white;}

table.materialsmanager {
  /*font-size:1.3em;*/
  margin-left:5px;
  border:1px solid black;
  width:100%;
}

tr td:last-child{
    /*width:3%;*/
    white-space:nowrap;
}


table.tablesorter thead tr .header {


    /*font-size: 1.1em;*/
    /* white-space: nowrap; */
    margin-right: .1em;
    background-color: #337ab7;
    color: #FFFFFF;
    padding-right: 18px;
    font-weight: normal;
  

}

#titleRow th,#titleRow1 th  {
  font-size: 1.1em;
  /*white-space:nowrap;*/
  margin-right: .1em;
  background-color: #337ab7;
  color: #FFFFFF;
  padding: .6em;
  font-weight: normal;
  text-align: center;

}

.tablesorter-headerRow  th {
  /*font-size: 1.2em;*/
  /*white-space:nowrap;*/
  margin-right: .1em;
  background-color: #337ab7;
  color: #FFFFFF;
  padding: .6em;
  font-weight: normal;
  text-align: center;

}



.d1-missing-info {

color:  #FFF !important;
background-color:#f91818 !important;

}

.d1-missing-info::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #FFF !important;
}

.tablesorter tbody {

  background-color: #333;
  color: #FFF;


}

.tablesorter {
      width: 100%;
/*    max-width: 810px;*/
    margin-bottom: 5px;
      font-size: 1.2em;
}

.sigWrapper {
  color: black;

}


.pln { color: #111111; }

@media screen {
  .str { color: #739200; } /* string content */
  .kwd { color: #739200; } /* a keyword */
  .com { color: #888888; } /* a comment */
  .typ { color: #ff0055; } /* a type name */
  .lit { color: #538192; } /* a literal value */
  .pun { color: #111111; } /* punctuation */
  .opn { color: #111111; } /* lisp open bracket */
  .clo { color: #111111; } /* lisp close bracket */
  .tag { color: #111111; } /* a markup tag name */
  .atn { color: #739200; } /* a markup attribute name */
  .atv { color: #ff0055; } /* a markup attribute value */
  .dec { color: #111111; } /* a declaration */
  .var { color: #111111; } /* a variable name */
  .fun { color: #538192; } /* a function name */
}
/* Use higher contrast and text-weight for printable form. */
@media print, projection {
  .str { color: #060; }
  .kwd { color: #006; font-weight: bold; }
  .com { color: #600; font-style: italic; }
  .typ { color: #404; font-weight: bold; }
  .lit { color: #044; }
  .pun, .opn, .clo { color: #440; }
  .tag { color: #006; font-weight: bold; }
  .atn { color: #404; }
  .atv { color: #060; }
}
/* Style */
pre.prettyprint {
  font-family: Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
  line-height: 1.5;
  padding: 10px;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0; }

/* IE indents via margin-left */
li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9 {
  /* */
}

/* Alternate shading for lines */
li.L1, li.L3, li.L5, li.L7, li.L9 {
  /* */
}


.tablesorter tbody > tr > td[contenteditable=true]:focus {
  outline: #08f 1px solid;
  background: #eee;
  resize: none;
}
td.no-edit, span.no-edit {
  background-color: rgba(230,191,153,0.5);
}
.focused {
  color: blue;
}
td.editable_updated {
  background-color: green;
  color: white;
}


/* New Header Layouts */

.pagehead {
  background-color: #286090;
  height: 54px;
  color: #FFF;
  margin-top: 0;
  padding-top:10px;
  padding-left:3.25em;
}


/*select, option { width: 375px;*/
    font-size: 1.2em;
}


.headerSummary {
  width:180px;
}

#signatureTable tbody {
  background-color: #FFF;

}
@media print {
.noprint {
  display: none !important;
}
  }

  .hlbutton {
      color: #FFFFFF !important;
    background-color: #000000 !important;
    height: 54px;
    padding: 0;
    margin-top: -10px;
    display: block;
    padding-top: 10px;

  }


.obsListRow {
  font-weight: 700 ;
  vertical-align: middle !important;
}

.delivery-search {
  float:left;
}