/* Final Styles By Author1111 */

/*
SinnerDiv For Loading
 */
.cal-loader{
 pointer-events: none;
   background-color: #f1f1f1;
    opacity: 0.8;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 500;
    height: 100%;
    width: 100%;
    overflow: hidden;
    content:"Loading.........";
  background-image: url('/images/loader_3xx.gif');
    background-position: center;
    background-repeat: no-repeat;

}
#overlay {
     opacity: 0.8;
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
        overflow: hidden;
    content:"Loading.........";
  background-image: url('/images/loader_3xx.gif');
    background-position: center;
    background-repeat: no-repeat;


    background-color: rgba(204,204,204,0.2); /* Black background with opacity */
    z-index: 400; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}


.overlayx{
    opacity:0.4;
    background-color:#ccc;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
        overflow: hidden;
    content:"Loading.........";
  background-image: url('/images/loader_3xx.gif');
    background-position: center;
    background-repeat: no-repeat;
    z-index:1000;
}


.loader {

  float: left;
  height: 3px;
  /*width: 100%;*/
  position: relative;
  overflow: hidden;
  background-color: #ddd;
}
.loader:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 3px;
  background-color: #2980b9;
  animation: loading .5s linear infinite;
}

#mainHelpx {
  float: right;    font-size: 1.25em;
    float: right;
    color: #FFFF;
}


.circle { 
   width: 25px;
   height: 25px;
   background: grey; 
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
}
@keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}
/*-----------------------
@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.spinner:after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #333;
  animation: spinner .6s linear infinite;
}

/* Editiable Divs for Expanding the Notes Automaticvally*/
.carbonadNotes {
    border-radius: 6px;
    background-color: #FFFFFF;
    border: 2px solid #E8E8E8;
    min-height: 45px;
    line-height: 1.2;
    width: 96%;
    min-width:120px;
    font-size: .9em;
}



.carbonadImage{font-size:.9em;border-radius: 6px;
  background-color:#FFFFFF;border:2px solid #E8E8E8;
  min-height:42px;line-height:1.3;width:180px;}

#lotNotes1xx{  
  display:block;
  box-sizing: padding-box;
  overflow:hidden;

  padding:10px;
  width:100%;
  font-size:14px;
  margin:50px auto;
  border-radius:6px;
  box-shadow:2px 2px 8px rgba(0,0,0,.3);
  border:0;

}

#x4 th {
  font-size: x-large;
}

#x4 table {

}
.trade-drop {
  min-width: 125px;
  max-width: 165px;
}
.d1-dropdown-button {
    -moz-appearance: button;
    height: 3.5em;
        /* border-bottom: darkslategrey; */
   
    border-bottom: 1px solid #fdf4f4;
    border-radius: initial;
    border-width: thin;
    border-bottom-style: ridge;
    text-overflow: inherit;
    border-top: 1px solid #fdf4f4;
    width: 100%;  
}

.d1-date-hist {
       cursor:pointer;
     color:green;
     font-size:.8em;
  
}

#imageTablePO {
    width: 100%;
    min-width: 635px;

  }

  
  a.imageLinkPO {
 
        height: 41px;
    color: white;
    font-size: .98em;
  }

  .has-dialog {
    display: none;
}
.myBar {
    position: absolute;
    width: 1%;
    height: 100%;
    background-color: green;
}

#procAddLink {
  float: left;
}

#saveAllProc {
    margin-left: 18em;
  }

.saveProcDiv,.lctDiv {
padding-top:15px;

}
  .message{
  font-size: .7em;
  color: red;
  display: inline;
  margin-left: 20px;
}
  .messagex{
  font-size: 1.0em;
  color: red;
  display: inline;
/*  margin-left: 20px;*/
  float:left;
}
.d1-info-tag {
  display:none;
}
.fn-label {
  cursor: pointer;
}
.carbonad{font-size:1.2em;border-radius: 6px;background-color:#FFFFFF;border:2px solid #E8E8E8;min-height:42px;line-height:1.3;width:300px}
.carbonad-smaller{border-radius: 6px;background-color:#FFFFFF;border:2px solid #E8E8E8;min-height:30px;line-height:1.3;width:375px;}


#d1clear {
  text-align:center;
  margin-top: 15px;
}

.dropdown-menu {
    width: inherit;
    max-height: 275px;
    overflow-y: auto;
    background-color: #dddddd;
}

.pad5{
  padding-right: 5em;
  white-space: PRE;
}

 .ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;   
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}


.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
  padding-bottom: 1.0em;
  padding-top: 1.0em;
  font-size: 1.1em;
}

input[type="file"].fileUploadClassPO {
  display: inline-table;
  max-width: 215px;
}

.scheduleRow {
   cursor: pointer;
}

    #loadMsg
    {margin: auto;
    width: 35%;
    
    padding: 10px;
  }

.loadMsg {
  display:none;

}
.d1-txt-large {
  font-size: large;
}
  .shiftHeight{
  max-height: 765px;
}
.procScriptMsg, .sendVerify {
  font-size:.7em;
}
.sendVerify {   
  color: red;
}
.types{
  text-align: center;
}
.d1-dialog-report {
  font-size: .8em;
}
.processTableCells {
padding-top: 10px;
}


.d1-pass-issue {
    color:#FFFFFF !important;
  background-color: #299733;
  text-align:center !important;
}

.d1-fail-issue {
    color:#FFFFFF !important;
  background-color: #337ab7;
  text-align:center !important;
}

table.d1-current-wo-issues tbody tr td.d1-fail-issue {

    color:#FFFFFF !important;
  background-color: #337ab7;
  text-align:center !important;
}

table.d1-current-wo-issues tbody tr td input.wo-detail-hours {
    color:#FFFFFF !important;
  background-color: #337ab7  !important;
  text-align:center !important;
  border-width:0;
/*      font-size:1.1em !important;*/
}

table.d1-current-wo-issues tbody tr td.d1-pass-issue {
    color:#FFFFFF !important;
  background-color: #299733;
  text-align:center !important;
}



.processIdData,.CrewIdData,.crew1Id,.process1Id{
 /*max-width:165px;*/

 /* padding-bottom: 25px;*/
}
#myButtons {
  margin-bottom: 6px;
}
#crewAddLink {
float: left;
}
  #showGannt {
    margin-top: 5px;
    margin-left: 3%;
}

.historyAlert { /* EFUCG*/
  margin-bottom: auto;
  width: 85%;
  display:initial;

}

#po-hist-list {
  max-width: 75px;
  min-width: 50px;
}

.sig-wo {
text-align:center;
width:450px;
height:auto;
margin:auto;
}

.sig-wrapper {
  width:450px !important;
  height:auto !important;
  text-align: center;
 margin:auto;
}
.d1-photos-check {
  color:#099609;
  display:none;
}

.d1-jobDetails-check {
  color:#099609;
  display:none;
}


.di-sig-checkxx {
  color:#099609;
}

/*datepicker*/
input[readonly] { 
  cursor: pointer !important;
  background-color: white !important;
}
#TotalCost {
    background-color: #eee !important;
}

#lotSum1Table,#bottomLotSummary tr{
font-size: x-large;

}
div.ui-datepicker{
 font-size:1.5em;
}



/* Select2 modigications*/
.select2-container .select2-choice {
height: 41px; 
line-height: 37px;    
font-size:large;
}

#main-select {
  display:inline-flex;
  margin-bottom: 10px;

}
/* Final Styles By Author */
.select2-search input, div.select2-result-label {

    
font-size:large;
}

  .jqx-expander-header-content {
  font-size: large;
}
.d1-count{
  font-size: xx-large;
}

.d1-small-font {
  font-size:smaller;
}

.d1-xsmall-font {
  font-size:x-small;
}
.crew1Id{
  min-width: 155px;
}
.startDateClass,.endDateClass,.procDateClass{
  min-width: 135px;
  max-width:  fit-content;
}

.d1-show-crews {
  display:inline-table;
}

.d1-image-head{
  background-color: transparent;
  display:none;

}
#list-jobs .col-xs-4 {
  display:flex;
}
#lists,#listc,#list  {
 /*max-width:95%;*/
}

#x4 h2, #bottomLotSummary h2{
  display:inline;
}

table.list-jobs-table{
margin-top: 2px;
 /*min-width: 620px;*/
}
th {
  background-color: #286090;
  border-color:#000000;
  color:#ffffff;
}

th.list-job-head{
  height: 32px;

}

.bgimage {
background-image: url(check.png);
/*background-color: yellow;*/

width:100%;
}

.d1-stage-only-page-load {
vertical-align: unset;
margin-left: 5px;
}

.d1-group-section ,.bgimage{
  border-bottom:1px solid black;
  width:100%;
  background-color: green;
/*background-color: yellow;*/

width:100%;

}

.d1-top-alert-success {
	margin-top:-50px;

}

.d1.grid-header-right {

}

.d1-related-items {
  background-color: #C1EAC1;
}

.d1-panel-container {
/*margin:0;
height:40px;*/
}


.d1-new-info {
/*	    position: relative;
    overflow: hidden;
    width: 100%;
    height:100%;*/
    background-color: #DE0101;
}

.d1-new-confirm {
		    height:0;
		    position: relative;
    overflow: hidden;
    width: 100%;
      height:100%;
      background-color: #286090;

}


.lockedMessage,.wolockedMessage {
	margin: 3px;
	font-size: .8em;
}

#sigDateTime{

}


.checkboxHead {
    display: inherit;

    position: relative;
    margin-top: -4px;
    color:#33cc33;
   }

   input[type=file]{
   	display: inline-table;
      }
  .fileUploadClass,.fileUploadClassPO{
  
  	display:inline;
    font-size: 1.1em;
     max-width: 195px;

  }
.loadingImage{
  display:none;
}

.imageLinkClass {
  max-width: 195px;
}

 .imageDescriptionClass, .imageDescriptionClassPO{
  	min-width:110px;
        max-width: 155px;
    display: inline;
        height: 45px;
}
  }
  .imageSubmit,.imageSubmitPO{
  	font-size: 1.1em;
  	display:none;
  	color:rgb(230, 0, 0);
  }
/*  #content button{

  }

  #content button {
		width:110px;
  }
*/
#d1Data{

	display: none;

}

.no-wrapping {
        white-space: nowrap;
      overflow: hidden; 
}

#wosigDateTime{
	width:125px !important;
  float:right !important;
  font-size:.6em !important;
  margin-top:2em !important;
  border: 0px transparent;
}
#get-cs-sig,#clear-sig {

  margin-top:1em !important;
}

.sigWrapper, {
	width:450px;
  margin-left:auto;
   margin-right:auto;
   margin-bottom:1em;
}

/*.pa-wo{
  width:400px;
}*/

canvas.pa-wo{
  border:groove;
}

.d1-sig-clear,.wod1-sig-clear {
	pointer-events:none;
	}

button{
	
	min-width:80px;
}

#savePOButton,.d1-summary-only-load {
	display:none;
}

#showpartssearchtrim {
  float:right;
}

.d1-form-status {
	height:0;	
	
	margin:auto;
	padding-right:10px;
	position:relative;
	margin-bottom:4px;
		float:right;



}
.d1-record-not-saved{
 	
	color:#ff0000;
}

#emailResult{
/*	font-size: .9em;
	color: #33cc33;
	display:none;*/


}


#linkFieldPO {
	display:none;
	/*white-space: normal;*/
}


.d1-icon-spin3{


}

.toggle-panel{
/*padding-left:15px;
padding-right: 20px;*/
}

#po_list option ,.d1-po-list option{
	
	font-size: 1.1em;
}

select#po_list_related,select.d1-po-list  {
width:80%;
float:left;
}

#saveStatus {
	margin-left:75%;

}

#saveSection {
max-width:100%;
float:right;
}






/* PO App Additions 3/31/16 ************************************** */

#POLaborCost, #POMatCost,#TotalCost{
/*max-width:80%;
min-height:30px;*/
}


#POCommitDate,#PODate,#cust-po,#fieldJob{

/*    max-width:80%;
    min-height:30px;
*/

}

#POCustInfo,#POJobInfo,#POCustEmail{
      max-height:150px;
	    min-height:120px;
	 	    font-size:.94em;
}

#headerBadges,.headerBadgesPO{
    float: inherit;
    font-size: 23px;
    padding: inherit;
    background-color: #50a751;
 /*   display:none;*/
  /*background-color:#3c763d;*/
  max-width:1.8em;
}
.optionWithPO {
    background-color: #50a751;
        font-weight: 600;
}


.d1-badge,.d1-badge-head{
/*float: inherit;
    font-size: 1.5em;
    padding: inherit;*/
  /*background-color:#3c763d;*/

}
.relatedPORow {
      font-size: medium;
      background-color: #d3d3d3;
}
.d1-badge-dev,.d1-badge-head-dev{
    /*background-color:#A94442;*/


}
.d1-badge-addl,.d1-badge-head-addl{

  /*background-color:#337AB7;*/


}



.pad{


}
/*Grids columns */

#content{
min-height:670px;
}

.d1-grid-content button{
	margin:8px;
	height:auto;
	width:auto;
}


.d1-grid-column{
	

}
.d1-grid-container{
	padding:10px;
}

.d1-grid-row button {
	margin-right: 0px;
}

.d1-grid-row-head  {
	
}
.d1-grid-cells {
	display:inline-block;

}
div.super-expand {
	/*for the expander added class for customization*/
/*height:60px;*/
}

/*Signature CSS */

.sigWrapper,.wosigwrapper{
	height:auto;
}

/* Scoth panels  */

div#xoffcanvas-menu {



}
div#xoffcanvas-menu .jqx-expander-header {
	/*padding-top:10px;*/
}

.d1-move-from-right-to-left {
	/*Button that Toggles the Off Canvas Page*/
	display:none;
	margin-left: 100%
	margin-top:11px;
}


.d1-slide-panel-button-left{
float:right;
}

.d1-slide-panel-button-right{
	transform-origin: (-50%,-50%)
}

/* JQX Style mods */

.jqx-expander-header-content  {
/*	width:99%;*/
	

}

.d1-super-expander .jqx-expander-header-content{
/*min-height:60px;*/
/*	display:flex;*/
}


.d1-status-area{
	display:inline-grid;
	float:left;
	margin:0 1% 0 1%;
	border-right: 1px solid gray;
	padding:0 1.5% 0 0;
}

#saveStatus > span{
		margin:5px;
	color: #00B74A;

}

.d1-staus-saved{
	color: #green;
	padding-right:5px;
	/*color: #33cc33;*/
}

.d1-staus-not-saved{
	/*color:#FF0000;*/
	background: #F73748;
}

.d1-staus-default{
	color:#FF0000;
}

.jqx-fill-state-pressed {
	background-color: #ABABA7;
}

/*responsive simpple grids */


label {/*labels ride over top of Fields in form*/
	display:block;}

#POSelectDateLabel {
  display: inline;
}

.d1-form-control,input#sigDateTime,.lockedMessage,input#sigDateTime,.wolockedMessage{
	display:inline-block;
	border:none;
	text-align: left;
	background-color: transparent;
}

#displayedJob{
  
 /* border:none;
  text-align:center;
  background-color: transparent;
  max-width: 125px;*/

}


.lockedMessage > p{
	display:inline-block;
	border:none;
	text-align: left;
	background-color: transparent;
	size:1.1em;
}

/* Bootstrap Modfications */

textarea.form-control {
min-width: 160px;
height: 45px;
}
textarea.procNotesClass.form-control{
max-width: 160px ;
}


.glyphicon-refresh-animate {
       -webkit-transform-origin: 50% 58%;
     transform-origin:50% 58%;
     -ms-transform-origin:50% 58%; /* IE 9 */
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
  
@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}

.wobble-fix { -webkit-filter: blur(0); }


/*More Glyph Spins*/

.gly-spin {
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(360deg);
  }
}
.gly-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.gly-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.gly-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.gly-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.gly-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}



/*Full Calendar 2.5 Modas*/

.fc button {
	font-size: 1.3em;
	height:3.5em;
}

.fc-time{
   display : none;
}


/*begin shake animation*/

/* @keyframes duration | timing-function | delay | 
   iteration-count | direction | fill-mode | play-state | name 
  animation: 3s ease-in 1s 5s 2 reverse both paused slidein;*/

.shake { animation: shake 10.5s  infinite ;
  -webkit-animation: shake 10.5s infinite linear ;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);
    }
    to { -webkit-transform: rotate(50deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(50deg);}
    to { transform: scale(1) rotate(0deg);}
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(-1px, 0px, 0);
    transform: translate3d(-1px, 0px, 0);
  }
  10%,12%,
  30%,
  50%,65%,
  70%,
  90% {
    -webkit-transform: translate3d(-2px, -1px, 0);
    transform: translate3d(-2px, -1px, 0);
  }
  35%,
  55%,
  59%,
  60%,
  80% {
    -webkit-transform: translate3d(-2px, -3px, 0);
    transform: translate3d(-2px, -3px, 0)
  }
}

/* add this class */
.animated {
  -webkit-animation-duration:1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake
}


/*end Shake Animation*/

/*Begin Blink Animation*/

/*.blink { animation: blink-animation 1s steps(2, start) infinite;
  -webkit-animation: blink-animation 2s steps(1, start) infinite;
}*/

.blink {

}

/* Makes the  Header on Current Day Blink */
 span.blinkx{
  color: #FFF;

  animation: blink-animation 3s steps(2, start) infinite;
  -webkit-animation: blink-animation 3s steps(2, start) infinite;
 }
/* Makes the  Header on Current Day Blink */
td.fc-day-number.fc-today.ui-state-highlight{
	background-color: #CEA2A2 !important;

  animation: blink-animation 3s steps(5, start) infinite;
  -webkit-animation: blink-animation 3s steps(5, start) infinite;
 }

@keyframes blink-animation {
  to {
        color:'FFFFFF';
    visibility: hidden;

    /*background-color: #7B0400;*/
  }
}

@-webkit-keyframes blink-animation {
  to {
    color:'FFFFFF';
    visibility: hidden;

    /*background-color: #7B0400;*/
    /*color: #7B0400;*/
  }
}







/*End Blink Animation*/

span.fc-title {
    padding: 5px !important;
    text-overflow: ellipsis;
    white-space: pre-line;

}

/*Close Button*/
/*body > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix > button {
    height: 36px;
    line-height: 5px;
    width: 100px;
    text-align: center;
    

}*/
hr {
	color:#B7B7B7;
	border-top: 2px solid #d6d6d6;
}


.widgetbox {
/*	display:none;*/
/*    width: 250px;
    height: 250px;
    background-color: black;
    color: white;
    text-align: center;*/
}
.widgetbox [class*="icon-"] {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     display: inline-block;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}
.widgetbox:hover [class*="icon-"] {
	color: #24a159 !important;
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    .rotate(360deg);
}


.okbox  {
	display:none;
/*    width: 250px;
    height: 250px;
    background-color: black;
    color: white;*/
    
    	color: #2ACA43 !important;
    		
}

/*.okbox:hover [class*="glyphicon"] {
	color: #24a159 !important;
}

.okbox:hover [class*="glyphicon"] {
	color: red !important;
}*/

/*Create New PO*/
section{background:transparent;
  text-align:center;
  cursor:pointer;

}


/*Save Tile*/



/*Link to Job*/
#d1success{background:transparent;
  text-align:center;
  cursor:pointer;
 }
.d1-sp-link{height:auto;
  background:#F2DEDE;
  background:transparent;}
}

.d1-bottom-3 {
  margin-bottom:16px;
}

a.d1sq-a{height: 50px;
}

.d1-sp-link h2{color: #a94442;}
{
 /* height:46px;*/
}

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

/*Save Tile*/

.selectedCalDate {
  background-color: #dadada;
}

.fc-today {

   background-color: #CEA2A2 !important;

  animation: blink-animation 3s steps(5, start) infinite;
  -webkit-animation: blink-animation 3s steps(5, start) infinite;
}



#crewsTable > tbody > tr >th,#processTable > tbody > tr >th {
  font-size: 1.3em;
}

#crewsTable > tbody > tr.crewRow > td {
  font-size: .8em;
}

.d1-hidden {
	display:none;
}

/*Fancy grid*/
.image-staff img {
  margin-top: -15px;
  border-radius: 2px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

tr.super-contract-details-row > td.switchRowRemove {
/*  position: relative;
  display: inline-block;*/
  /*min-width:40px;*/
  height: 36px;
  background-color:#eb4141;
    border-color:#b9b9b9;
    text-align: center;
   pointer-events:normal;
  cursor: default;
  text-align: center;
  font-size: large;
}



.fancy-grid-cell-inner {
  margin-top: 20px !important;
}

.fancy-grid-column-sparkline  .fancy-grid-cell-inner {
  margin-top: 9px 
}

/*Css For Custom PO Form Data Tbles EF 092118*/
#customForm {
    display: flex;
    flex-flow: row wrap;
}
 
#customForm fieldset {
    flex: 1;
    border: 1px solid #aaa;
    margin: 0.5em;
    text-align:left;

}
 
#customForm fieldset legend {
    padding: 5px 20px;
    border: 1px solid #aaa;
    font-weight: bold;
}
 
#customForm fieldset.po {
    /*flex: 3 100%;*/
}
 
#customForm fieldset.po legend {
    background-color: #286090;
    border-color: #000000;
    color: #ffffff;
}
 
#customForm fieldset.headerinfo legend {
    background-color: #286090;
    border-color: #000000;
    color: #ffffff;
}
 
#customForm fieldset.podetail legend {
    background-color: #286090;
    border-color: #000000;
    color: #ffffff;
}
 
#customForm div.DTE_Field {
    padding: 5px;
}

.content-box {
  column-count: 3;
}

div.DTE_Header{
    background-color: #286090;
    border-color: #000000;
    color: #ffffff;
    font-size: 1.4em;
    font-weight: bold;
}
#customForm div.DTE_Header_Content {
    /* padding: 5px; */
/*    background-color: #286090;
    border-color: #000000;
    color: #ffffff;*/
}

/* Html Switches

/* The switch - the box around the slider */
.switchOff {
/*  position: relative;
  display: inline-block;*/
  min-width:75px;
  height: 36px;
  background-color:#1f2b46;
  color:#FFF;
    pointer-events:normal;
}

.switchOn{
/*  position: relative;
  display: inline-block;*/
  min-width:75px;
  height: 36px;
  background-color:#3c763d;
  color:#FFF;
  pointer-events:normal;
  

}

.imageDescriptionClass {
  font-size:.8em !important;

}

.imageCategoryClass {
  width:fit-content !important;
}

.d1-stage-disabled{
/*  position: relative;
  display: inline-block;*/
/*  min-width:75px;*/
/*  height: 36px;*/
  opacity: .8;
      pointer-events: none;
  cursor: default;
  color: #4b4343;

}

.d1-imagefield-disabled{
/*  position: relative;
  display: inline-block;*/
/*  min-width:75px;*/
/*  height: 36px;*/
    background-color: #eee;
  opacity: .8;
      pointer-events: none;
  cursor: default;
  color: #c0c0c0;

}




.switchDisabled{
/*  position: relative;
  display: inline-block;*/
  min-width:75px;
  height: 36px;
  opacity: .7;
      pointer-events: none;
  cursor: default;
  color: #c0c0c0;

}

#DTE_Field_xtbl_item_PO-MiscPOJobInfo,#DTE_Field_xtbl_item_Notes  {
  display:none;

}

.fix-select2 {
    margin-left: 2.0em;
  }

.textSelected {
  font-size:smaller;
  margin-left:2.0em;
}

.saveCrewClass, .removeCrewClass,.removeProcClass,.saveProcClass{
  color:#FFFFFF;
}

.foremanNameText {
  color:#fd0000;
}

/*Started the contracts here 2/2/2020 EF*/
.crew-contract-dv {
  padding-top:1.5em;
}


.contract-menu-bar {
  text-align:center;
}


.stop-scrolling {
  height: 100%;
  overflow: hidden;
/*    opacity: .6;
  pointer-events: none;
  cursor: unset;*/

}

.ui-dialog-titlebar {
/*  background: #337AB7;
  background: #DADADA;*/
 /* display: none;*/
  background: #286090;
      color: #ffffff;
    font-size: large;
    text-align: center;
    padding: 0;
}


.ui-dialog-titlebar-close {
  display:none;
}

 .d1-special-head {
  background-color: #337ab7;
 }

table.d1-super-contract-list-table,table.d1-contract-list-table {

  width: 100%;

}
table.d1-super-contract-list-table thead tr th:last-child  {
   pointer-events:normal;
  cursor: default;
  text-align: center;


}

tr.super-contract-details-row td:last-child  {
   pointer-events:normal;
  cursor: default;
  text-align: center;


}

tr.contract-details-row td:last-child {

    height: 36px;
  background-color:#eb4141;
    border-color:#b9b9b9;
    pointer-events:normal;
  cursor: default;
  text-align: center;
  font-size: large;
}

.switchRowAdd {
/*  position: relative;
  display: inline-block;*/
  min-width:40px;
  height: 36px;
  background-color:#337ab7;
border-color:#b9b9b9;
  color:#FFF;
   pointer-events:normal;
  cursor: default;
  text-align: center;
  
}


.switchRowSave {
/*  position: relative;
  display: inline-block;*/
  min-width:40px;
  height: 36px;
  background-color:#eb4141;
border-color:#b9b9b9;
    text-align: center;
   pointer-events:normal;
  cursor: default;
  text-align: center;
}



td.d1-cos-cell {
  
    /*width:100%;*/
  height: 36px;
  background-color:#337ab7;
    border-color:#337ab7;
  color:#FFF;
   pointer-events:none;
  /*cursor: pointer;*/
  text-align: left;
   border-style: none;
        white-space: normal; 
  

}



table.d1-contract-list-table {
  /*table-layout: auto;*/
  /*width: 100%; */


    /*table-layout: auto; // ***********add this*/
      width: 100%; 

  /*word-wrap:break-word; // ***********and this*/
}




table.d1-current-delivery-recs{

  width: 100%;

}

table.d1-current-delivery-recs thead tr th {
    background-color: #3c763d;
      border-color: #b9b9b9;
   text-align: center;
       font-weight: normal;
    border-color: #b9b9b9;
    border: 1px solid #b9b9b9;


}


table.d1-current-delivery-recs tbody tr td
{


/*   padding: 0;*/
    font-size: .9em;
    /* white-space: nowrap; */
/*    margin-right: .1em;*/
/*    background-color: #3c763d;*/
/*    color: #FFFFFF;*/
    /* padding-right: 18px; */
    font-weight: normal;
    border-color: #b9b9b9;
    border: 1px solid #b9b9b9;
    background-color: #337ab7;
/*    border-color: #b9b9b9;*/
    color: #FFF;
       text-align: center;
  

}

table.d1-current-wo-issues{

  width: 100%;

}

table.d1-current-wo-issues thead tr th {
    background-color: #3c763d;
      border-color: #b9b9b9;
   text-align: center;
       font-weight: normal;
    border-color: #b9b9b9;
    border: 1px solid #b9b9b9;


}


table.d1-current-wo-issues tbody tr td
{


   padding: 0;
/*    font-size: .8em;*/
    /* white-space: nowrap; */
    margin-right: .1em;
/*    background-color: #3c763d;*/
/*    color: #FFFFFF;*/
    /* padding-right: 18px; */
    font-weight: normal;
    border-color: #b9b9b9;
    border: 1px solid #b9b9b9;
    background-color: #337ab7;
/*    border-color: #b9b9b9;*/
    color: #FFF;
  

}

tr.wo-details-row td:last-child {

    height: 36px;
/*  background-color:#eb4141;*/
    border-color:#b9b9b9;
    text-align: center;
   pointer-events:normal;
  cursor: default;
/*  text-align: center;*/
/*  font-size: large;*/
}


tr.wo-details-row {

font-weight:normal;

}

table.d1-current-lot-recs{

  width: 100%;

}

table.d1-current-lot-recs thead tr th {
    background-color: #3c763d;
      border-color: #b9b9b9;
    color: #FFF;
   font-size: .9em;
   text-align: center;
       font-weight: normal;
    border-color: #b9b9b9;
    border: 1px solid #b9b9b9;


}


table.d1-current-lot-recs tbody tr td
{


   padding: 0;
    font-size: .8em;
    /* white-space: nowrap; */
    margin-right: .1em;
/*    background-color: #3c763d;*/
    color: #FFFFFF;
    /* padding-right: 18px; */
    font-weight: normal;
    border-color: #b9b9b9;
    border: 1px solid #b9b9b9;
    background-color: #337ab7;
    border-color: #b9b9b9;
    color: #FFF;
  

}

tr.cs-recs-details-row td:last-child {

    height: 36px;
/*  background-color:#eb4141;*/
    border-color:#b9b9b9;
    text-align: center;
   pointer-events:normal;
  cursor: default;
  text-align: center;
/*  font-size: large;*/
}


tr.cs-recs-details-row {

font-weight:normal;

}

tr.contract-details-row {

font-weight:normal;

}

td.d1-cs-address {

font-weight:normal;

}


table.d1-contract-list-table thead tr th ,table.d1-super-contract-list-table thead tr th{
    background-color: #3c763d;
      border-color: #b9b9b9;
    color: #FFF;
   font-size: .9em;
   text-align: center;
       font-weight: normal;
    border-color: #b9b9b9;
    border: 1px solid #b9b9b9;


}


table.d1-contract-list-table tbody tr td, table.d1-super-contract-list-table tbody tr td
{


   padding: 0;
    font-size: .8em;
    /* white-space: nowrap; */
    margin-right: .1em;
/*    background-color: #3c763d;*/
    color: #FFFFFF;
    /* padding-right: 18px; */
    font-weight: normal;
    border-color: #b9b9b9;
    border: 1px solid #b9b9b9;
    background-color: #337ab7;
    border-color: #b9b9b9;
    color: #FFF;
  

}

 table.d1-super-contract-list-table tbody tr td.d1-bad-row, table.d1-contract-list-table tbody tr td.d1-bad-row {

  background-color: #eb4141;
 }

 table.d1-current-lot-recs tbody tr.d1-bad-row {
   background-color: #eb4141 !important;
 }

#masterCSTradeSelect {
  max-width:200px;
}

.d1-hide-option {

  display:none !important;
}

tr.contract-details-row td:last-child {

    height: 36px;
  background-color:#337AB7;
    border-color:#b9b9b9;
    text-align: center;
   pointer-events:normal;
  cursor: default;
  text-align: center;
  font-size: large;
}

tr.contract-details-row {

font-weight:normal;

}

 .d1-75-td{
  background-color: #337ab7;


 }

 .wo-detail-header {
  padding-bottom:1em;
 }

 .d1-special-head {
  background-color: #337ab7;
 }

.ui-dialog-buttonset button {

      color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;

    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;

}


div.contract-form-section {

  background-color: #f1f1f1;
}

div.dialog-data .alert{
  font-size: smaller;
  line-height: 5px;
    height: 10px;
    font-size: smaller;
    padding-top: 10px;
    margin-bottom:0;
    float: left;
    margin-left: 0;
/*    margin-right: 25%;*/

}


#cos-status-ready,#cos-status-success {
  display:none;
}

 div.dialog-data   label {
  /*float:right;*/
  display:inline-block;
}

#contract-amount, #contract-notes {
    max-width: 100%;   /* was 300px - fields now fill their grid column (092326 EF) */
    margin-bottom: 10px;

}

#contract-notes{
height:unset;
}

#contract-amount{
    max-width: 100%;   /* was 175px */
    text-align:right;
    
}


#contract-amount:after{
content:"*";
padding-left:2px;
    
}


.dialog-select-option-detail ,.dialog-delete-option-detail{
  font-size:1.1em;
   text-align:center;

}

.d1-notes-span {
  font-size:.7em;
}
.dialog-select-option-text-detail {

     text-align:center;
}

.d1-trimholdnotes-select {
     margin:6px;
       resize: none;
}


.d1-non-editable {

opacity: .6;
pointer-events: none;
cursor: unset;
 pointer-events:none;


}

.td-disabled-only{
/*  position: relative;
  display: inline-block;*/
/*  min-width:75px;
  height: 36px;*/
  opacity: .6;
  text-align: center;
  pointer-events: none;
  cursor: none;
/*  background-color:#337ab7;
  border-color:#2e6da4;*/
  color: #fff;

}

.button-disabled-only{
/*  position: relative;
  display: inline-block;*/
/*  min-width:75px;
  height: 36px;*/
  opacity: .6;
  text-align: center;
  pointer-events: none;
  cursor: none;
  background-color:#337ab7;
  border-color:#2e6da4;
  color: #fff;

}

.input-disabled-only{
/*  position: relative;
  display: inline-block;*/
/*  min-width:75px;
  height: 36px;*/
  opacity: .6;
  /*text-align: center;*/
  pointer-events: none;
  cursor: none;
  background-color:#f1f1f1;
  border-color:#f1f1f1;
  color: #000;

}


.button-disabled{
/*  position: relative;
  display: inline-block;*/
  min-width:75px;
  height: 36px;
  opacity: .6;
  text-align: center;
  pointer-events: none;
  cursor: none;
  background-color:#337ab7;
  border-color:#2e6da4;
  color: #fff;

}

.button-enabled {
/*  position: relative;
  display: inline-block;*/
  min-width:75px;
  height: 36px;
  text-align:center;
  pointer-events:normal;
  cursor: default;
  background-color:#337ab7;
  border-color:#2e6da4;
  color: #fff;

}

.d1-bad-contract {
  background-color: #eccccc;
}

.no-titlebar {
  display: none;
}


.no-content {
  display: none;
}

.dialog-width {
  max-width: unset;
  min-height: unset;
}

.dialog-widthx {
/*  max-width: unset;
  min-height: unset;*/
}

.d1-non-editable {

  opacity: .6;
  pointer-events: none;
  cursor: unset;
   pointer-events:none;


}

.select-disabled {

  opacity: .7;
  pointer-events: none;
  cursor: unset;
    background-color:#dcdcdc;
    border-color:#337ab7;
  color: #000000;

}

.status-complete {
  background-color: #aaccab;
}

.status-incomplete {
background-color: #eccccc;
}

td.d1-contract-cell {
  
    /*width:100%;*/
  height: 36px;
  background-color:#337ab7;
    border-color:#337ab7;
  color:#FFF;
   /*pointer-events:none;*/
  /*cursor: pointer;*/
  text-align: left;
   border-style: none;
        white-space: normal; 
  

}

td.d1-trans-cell {
  
    /*width:100%;*/
  height: 36px;
  background-color:#337ab7;
    border-color:#337ab7;
  color:#FFF;
   /*pointer-events:none;*/
  /*cursor: pointer;*/
  text-align: left;
   border-style: none;
        white-space: normal; 
  

}




.d1-max-5 {
  max-width:5% !important;
  float: left;
}

.d1-max-10 {
  max-width:10% !important;
  float: left;
}

.d1-max-15 {
  max-width:15% !important;
  float: left;
}
.d1-max-20 {
  max-width:20% !important;
  float: left;
}

.d1-max-25{
  max-width:25% !important;
  float: left;
}
.d1-max-35{
  max-width:35% !important;
  float: left;
}

td.d1-first-parts-col ,th.d1-first-parts-col {
width:70px;

}

td.d1-first-cs-col {
  width:70px;
}



table.d1-contract-trans-table {
  /*table-layout: auto;*/
  /*width: 100%; */


    /*table-layout: auto; // ***********add this*/
      width: 100%; 

  /*word-wrap:break-word; // ***********and this*/
}


table.d1-contract-trans-table thead tr th {
    background-color: #3c763d;
      border-color: #b9b9b9;
    color: #FFF;
   font-size: .9em;
   text-align: center;
       font-weight: normal;
    border-color: #b9b9b9;
    border: 1px solid #b9b9b9;


}


table.d1-contract-trans-table tbody tr td
{


   padding: 0;
    font-size: .8em;
    /* white-space: nowrap; */
    margin-right: .1em;
    background-color: #3c763d;
    color: #FFFFFF;
    /* padding-right: 18px; */
    font-weight: normal;
    border-color: #b9b9b9;
    border: 1px solid #b9b9b9;
    background-color: #337ab7;
    border-color: #b9b9b9;
    color: #FFF;
  

}


td.d1-first-col ,th.d1-first-col {
width:36px;

}


tr.contract-details-row td:last-child ,tr.contract-trans-row td:last-child{

    height: 36px;
  background-color:#eb4141;
    border-color:#b9b9b9;
    text-align: center;
   pointer-events:normal;
  cursor: default;
  text-align: center;
  font-size: large;
}

tr.contract-details-row {
font-weight:normal;
}



 .d1-info-div{
  white-space: pre-line;
 }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

tr.selected-trans-row {
  opacity: .6;
/*  pointer-events: none;
  cursor: unset;*/
/*    background-color:#dcdcdc;
    border-color:#337ab7;
  color: #000000;*/
}

.bad-contract-balance {
  color:#ff0808;
}
span.contract-balance,span.balance-span {
      font-weight: bold;
}

.d1-btn-sm {
  height:32px;
}

.text-disabled{
/*  position: relative;
  display: inline-block;*/
/*  min-width:75px;
  height: 36px;*/
  opacity: .5;

}

.d1-display-none {
  display: none;
}

.d1-display-right {
  text-align:right;
}

.d1-float-right {
  float: right;
}

.d1-notes-cell{
    max-width:85px;
  height: 36px;
  cursor: default;
  text-align: left;
  white-space: pre;
    text-align: left;
    /*font-size: .6em;*/
}

tr.empty-row ,tr.no-records-row{

  font-size:1.5em;
  text-align: center;
}

#contract-per-sf {

}

.super-contract-details-row {
height: 36px;


}

.d1-success-text {
  color:#008000;
}

.d1-warning-text {
  color: #ff0000;
}

table.d1-contract-trans-table tbody tr td.d1-display-right {
  text-align:right;
}

button.show-super-close-bar, button.show_wo_bar, button.show_cs_rec_list,button.show_del_rec_list{
  color: #fff;
    background-color: #292828;
    border-color: #2e6da4;
    float:right;
 padding: 6px 12px;
    font-size: 12px;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 100;
    /* line-height: 1.42857143; */
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    /* border-radius: 4px; */
}

#showSuperContracts {
  width: 85px;
    white-space: pre-wrap;
    font-size: .9em;
    padding-top: 4px;
    padding-bottom: 4px;
    height: 46px;
}

.panelStatusxTitle {
      color: #3c763d;
      text-align:right;
}
.panelStatusx {

      color: #3c763d;
}

td.statusMessageTitlex {
  text-align:left;

}

.lot-age-display {
  font-size:smaller;
}

#dropdownMenu{
  display: none;
}

.d1-container-header{
  width:100%;
  font-family: sans-serif;
  font-size: 1.1em;
}


/*new Table for QC*/

table.tablec {

  background-color: #EEEEEE;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
 
    color: #000000;
    font-family: sans-serif;
}
table.tablec td, table.tablec th {
  border: 2px solid #AAAAAA;
  padding: 4px 3px;
}
table.tablec tbody td {

      font-size: 1.2em;

  color: #000000;
      font-family: sans-serif;
      height:4em;
}
/*table.tablec tr:nth-child(even) {
  background: #D0E4F5;
}*/
table.tablec thead {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #444444;
}
table.tablec thead th {
  font-size: 1.3em;
  padding-top:8px;
  padding-bottom:8px;
    font-family: sans-serif;
  color: #FFFFFF;
  text-align: center;
  font-weight:unset !important;
}
table.tablec tfoot {
  font-size: 14px;
/*  font-weight: bold;*/
  color: #FFFFFF;
  background: #D0E4F5;
  background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  border-top: 2px solid #444444;
}
table.tablec tfoot td {
  font-size: 14px;
}
table.tablec tfoot .links {
  text-align: right;
}
table.tablec tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

.d1-text-large{
      font-family: sans-serif;
font-size:1.4em;
}

.d1-text-regular {
      font-family: sans-serif;
font-size:1.0em;
}

.d1-text-center{
 font-family: sans-serif;
text-align:center;
}


.d1-status-verify{
  background-color: #EEEEEE;
}
td.d1-response-cell {
  text-align:center !important;
  font-size:1.2em !important;
  min-height:4em !important;;
  min-width: 6em !important;
   padding: unset !important;
}

.d1-good-cell {
  color:unset;
  background-color: unset;
}

.d1-oktoshow-cell {
  color:unset;
  background-color: unset;
}
.d1-done-cell {
  color:#FFF;
  background-color: #5CB85C;

}

.d1-warning-cell {
  color:#FFF;
  background-color: #e27b00;
}

.d1-bad-cell {
  color:#FFF;
  background-color: #BF0000;
}

.d1-step-done-cell {
  color:#FFF;
  background-color: #e27b03;
}

.d1-shaded-row {
  font-weight:bold;
  background-color:#f2f2f2;
}
.current-qc-table {
  margin-top:3px;

}

tr.d1-qc-row-detail {

  color:#000000;
  background-color: #EEEEEE;
}

td.d1-pass-qc {
    color:#FFFFFF !important;
  background-color: #299733;
}




td.d1-na-qc {
    color:#FFFFFF !important;
  background-color: #1859b5;
}


td.d1-fail-qc{
    color:#FFFFFF !important;
  background-color: #e10808;
}

td.d1-verify-qc {
    color:#000000 !important;
  background-color: unset;
}



span.d1-ui-title {
  float:unset !important;
  padding-left:.4em !important;

      font-family: sans-serif !important;
    font-size: 1.8em   !important;
    text-align:left !important;
}
span.dialog-show-current-qc-menu > button {
  height:3.2em;
}

.d1-ui-titlebar {
  
     padding: unset !important;

    text-align:left !important;
}

.dialog-show-current-qc-menu {
  font-family:san-serif !important;
}
.dialog-show-current-qc-footer {
height: 50px !important;
}
.confirm-text {
  font-family:sans-serif;
  font-size:1.5em;
  text-align:center;
}
.d1-confirm-menu-buttons {
    font-family:sans-serif;


}

.d1-yqc-select , .d1-nqc-select {
  height: 50px;
    font-size: 1.3em;
}

.d1-qc-confirm-detail {
   height:200px;
    font-family:sans-serif;
  text-align:center;
}

.d1-finalized-cell {
  opacity: .6;
  pointer-events: none;
  cursor: unset;
   pointer-events:none;
}
.d1-lot-info-title {
  font-size: 1.1em;
    font-family: sans-serif;
    font-style: unset;
    overflow: hidden;
   
     text-align:center;
     height:2em;

    display: block;
    font-weight: normal;
    width: 12em;
    height: 3em;
    float: left;
    padding-right: .5em;

}

.veritcal-center{
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);


}
.d1-padding-1em {
     padding-top:1em;
   padding-bottom: 1em;
}

.d1-good-background {
  background-color:#5a9b55;
  color:#FFF;
   text-align:center;

}

.d1-bad-background {
  background-color: #f14646;
   color:#FFF;
  text-align:center;
  
}

.dialog-cs-wo-addedit-top-margin {
  padding-top:1em!important;
background-color: #3b68c9 !important;
color: #FFF  !important;
text-align: center  !important;

}

.d1-qc-col1 {
  min-width:4em;
  text-align:center;

}
.d1-center-90 {
  margin: auto;
  width: 90%;
  padding: 5px;
}

.d1-center-100 {
  margin: auto;
  width: 100%;
  padding: 5px;
}

.d1-qc-notes-response {
    margin-bottom: 0px !important;
    width: 100%  !important;
    height: 100% !important;
    padding: 0px !important;
    font-size: .8em !important;
        background-color: transparent !important;
        border-color: transparent !important;

}

.cs-dropdowns {
  background-color: #337ab7;
  border-color: transparent;
/*  max-width:175px;*/
  /*padding-top:.5em;
  padding-bottom:.5em;*/
  color:#FFF;
}

.cs-options {
  background-color: #337ab7;
/*  max-width:175px;*/
font-size: 1.1em;
padding-top:.5em;
  padding-bottom:.5em;
  color:#FFF;
}

.wo-notes-dialog {
  background-color: #337ab7 ;
  width:100%;
  height:100%;
  /*padding-top:.5em;
  padding-bottom:.5em;*/
  color:#FFF;
/*  font-size:.9em !important;*/
}


.ui-widget input.wo-hours-dialog {
  background-color: #337ab7;
  width:100%;
  height:100%;
  font-size: 3.0em;
    text-align: center;
  /*padding-top:.5em;
  padding-bottom:.5em;*/
  color:#FFF;
/*  font-size:.9em !important;*/
}

.wo-detail-hours {
  background-color: #337ab7;
  width:100%;
  height:100%;
    text-align: center;
  /*padding-top:.5em;
  padding-bottom:.5em;*/
  color:#FFF;
/*  font-size:.9em !important;*/
}



.wo-notes {
  background-color: #337ab7;
  width:100%;
  /*padding-top:.5em;
  padding-bottom:.5em;*/
  color:#FFF;
  font-size:.7em !important;
  overflow:hidden;
}

.d1-del-wo-detail {
  background-color:#cb4141 !important;
  font-size: larger!important;
}

 .wo-notes-detail-header {
  color:#FFF;
  font-zize: .8em;
  font-weight: normal;
  padding-bottom:.2em;
 padding-top:.2em;
  text-align: center;
  background-color: #286090;
      margin-top: 0;
    margin-bottom: 0;
 }

 .wo-detail-header {
  color:#FFF;
  font-weight: normal;
  padding-bottom:.5em;
 padding-top:.5em;
  text-align: center;
  background-color: #286090;
      margin-top: 0;
    margin-bottom: 0;
 }

 .cs-recs-header {
  color:#FFF;
  font-weight: normal;
  padding-bottom:.5em;
 padding-top:.5em;
  text-align: center;
  background-color: #286090;
      margin-top: 0;
    margin-bottom: 0;
 }
  .signature-header {
  color:#FFF;
  font-weight: normal;
  padding-bottom:.5em;
 padding-top:.5em;
  text-align: center;
  background-color: #286090;
      margin-top: 0;
    margin-bottom: 0;
 }

 .sig-container {

    font-weight: normal;
  padding-bottom:.5em;
 padding-top:.5em;
  text-align: center;
/*  background-color: #286090;*/
      margin-top: 0;
    margin-bottom: 0;

 }
 .customer-sig-head {
  font-size:2.0em;
 }

 
 select.location-list{

  padding:12px 20px !important;
  font-size:1.6em !important;
  height:52px !important;
 }
 select.location-list  option{

  padding:12px 18px !important;
/*  font-size:1.2em !important;*/
  height:64px !important;
/*      line-height: 1.8;*/
 }

 .location-list[data-open] datalist {
  display: initial !important;
}

 .d1-special-head {
  background-color: #3c763d !important;
 }
 .d1-remove-head {
   background-color: #dd0000 !important;
 }


 select.location-list-remove{

  padding:12px 20px !important;
  font-size:1.6em !important;
  height:52px !important;
 }
 select.location-list-remove  option{

  padding:12px 18px !important;
/*  font-size:1.2em !important;*/
  height:64px !important;
/*      line-height: 1.8;*/
 }

.d1-fail-text{
  color:  #fa1313;
}

/* Material Manager Styles
*/

#acctgPORecapSection {
width: 350px;
display: none;
}

  .ptQTYx{
    text-align: right;
    max-width:120px;

  }
.amounts{
width:55px;
text-align:right;
}

.jq-dte {

    padding: 2px;
    margin: 1px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 3px;
}

span.jq-dte {
    display: inline-block;
    position: relative;
    padding: 2px;
    margin: 1px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 3px;
}


span.jq-dte input {

    padding: 2px;
    margin: 1px;
    background-color: #ffffff;
    border: none;
    border-radius: 3px;
}



.d1-inline-container {
  display: inline;
}

/*#acctgPORecapSection {
  margin-left: 5%;
}*/

.poSumDataClass {
      white-space: break-spaces;
}

.d1-remove-cell {
  max-width: 30px;
  background-color: #ff1712;
  color:  #FFFFFF;
  text-align: center;
}

td.costCode {
  max-width: 200px !important;
 /* background-color: #ff1712;
  color:  #FFFFFF;
  text-align: center;*/
}

.poTMJobLink {

    color: #4682b4;
    text-decoration: underline;
    cursor: pointer;
 
}

.poLink {

    color: #FFF;
    text-decoration: underline;
    cursor: pointer;
   background-color: #337AB7;
   padding-bottom:10px;
   padding-top:10px;
   text-align: center;
   font-size:1.1em;
 
}


.d1-bad-variance {

    background-color: #db0601 !important;
    color: #FFF;
}

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

#displayjobidButton,#displayPOButton,  {
  width:130px  !important;
    opacity: .8;
      pointer-events: none;
  cursor: default;
  color: #c0c0c0;

}

#jobidNumberAcctg {
  width:130px  !important;
    opacity: .8;
      pointer-events: none;
  cursor: default;
  color: #c0c0c0;

}
#poNumberAcctg {
  width:130px  !important;
    opacity: .8;
      pointer-events: none;
  cursor: default;
  color: #c0c0c0;

}

#poInvDate,#poInvNum,#poInvAmount,#addPOInv,#printjobidButton{
  display:none  !important;
    }

    table.basictable thead tr th {
  text-align: center;
  font-size:.9em;
  margin:0;
  white-space: pre-line;
}



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

td ,th{
text-align:left;
font-size:.9em;
padding-left: 2px;
padding-right:2px;
border:1px solid white;}

table.materialsmanager {
  font-size:1.1em;
  margin-left:0px;
  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;
  

}


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

}
#headerSchedule {

    margin-top: -1em;
    margin-bottom: .5em;
    white-space:nowrap;

}


.sumtables, #billingTotalsTable ,#billingTotals{
    /*width:50%;*/
    white-space: nowrap;
}

#billingTotalsTable {
    max-width:25%;
    white-space: nowrap;
}




.sumtablesx {
    float: right;
    margin-bottom: 1px;
    width: 375px;
    font-size: 1.05em;
     margin-right: 2em; 
}


    .scrollable-content {
        max-height: 1750px; /* Adjust as needed */
        overflow-y: auto;
    }


    table.basicTableSimple thead tr th {
  text-align: center;
  font-size:1.0em;
  margin:0;
  width:content-min;
}


    table.basicTableSimple tr td{

  width:content-min !important;
}

.order-dialog {
  text-align: left;
  font-size: 1.2em;
}

.get-qty-required {
  text-align:right;

}

.display-qty-required {
    opacity: .7;
      pointer-events: none;
  cursor: default;
  color: #3c3c3c;
  text-align:right;

} 


.subtitle-span {
  float:left !important;

}

.save-required {
  background-color:#bb0000;
  border-color:#bb0000;
}

/**/

.delivery-search {
  float:left !important;

}

.master-ar-detail-row,{
  display:none;
}

#add-ar-row {
  /*display:none;*/
  color:#0053d5;
  font-size: 1.2em;
 text-decoration-line:underline;


}


.delete-add-remove-order {
}


.d1-ar-header-buttons {
float:left;

}

.get-ar-qty-required,.unit-price,.extended-price {
  text-align: right;
}

.d1-other-order {

  background-color: #0e8a00;
}

/* ADD QUOTE / Request For Quote rows (OrderType 32) — yellow (091226) */
.d1-quote-order {
  background-color: #e6b800 !important;
  color: #000 !important;
}

input.material-id-temp-edit {

  width:unset !important; 
}

.selected-item-row {

  background-color:#c8d9ea ;
}

.delete-ar-item-y,.delete-ar-item-n {
  display:none;
}

textarea.po-notes {
  /*field-sizing: content;*/
  /* Optional: Set a minimum height */
  min-height: 6em; 
  /* Optional: Set a maximum height */
  max-height: 12em; 
  /* Ensure a width is defined to prevent collapse */
  max-width: 100%; 

  overflow: hidden; resize: none;
}

.materialStatus{
  font-size:.9em;
}

.supplierProcNamex {
    font-size:  .9em !important;
  }

  .contract-numeric-fields {

    text-align: right !important;
    max-width:  175px !important;
    font-size:  .9em !important;
  }

    .contract-numeric-labels {

          font-size:  .9em !important;
  }